У меня был рабочий конфиг веб-пакета для сборников рассказов. Затем я понял, что во время запуска сборника рассказов некоторые файлы не могут быть связаны с моим приложением. Конечно, я не хочу, чтобы приложение было в комплекте, а только мой общий пользовательский интерфейс. Поэтому я пытался добавить путь включения в конфигурацию моего веб-пакета:
// https://storybook.js.org/docs/configurations/typescript-config/
const path = require('path');
module.exports = ({ config }) => {
config.module.rules.push({
test: /\.(ts|tsx)$/,
use: [
{
loader: require.resolve('awesome-typescript-loader'),
},
{
loader: require.resolve('react-docgen-typescript-loader'),
}
],
include: path.resolve(__dirname, './base/shared-ui'),
},
{
test: /\.scss$/,
use: [
{
loader: require.resolve('style-loader'),
},
{
loader: require.resolve('css-loader'),
},
{
loader: require.resolve('sass-loader'),
}
],
include: path.resolve(__dirname, './base/shared-ui'),
});
config.resolve.extensions.push('.ts', '.tsx', '.scss');
return config;
};
Однако теперь я получаю следующую ошибку:
WARNING in ./base/shared-ui/components/src/buttons/Buttons.stories.tsx 22:10
Module parse failed: Unexpected token (22:10)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| stories.add(
| 'Toast',
> () => <ToastsShowcase/>,
| { info: {
| text: `
@ ./base/shared-ui sync \.stories\.tsx$ ./components/src/buttons/Buttons.stories.tsx
@ ./.storybook/config.ts
@ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.ts (webpack)-hot-middleware/client.js?reload=true&quiet=true