Question

我有一个适用于故事书的Webpack配置。然后我意识到，在故事书开始时，某些文件无法从我的应用程序中捆绑。当然，我不想捆绑该应用程序，而只希望共享我的用户界面。所以我试图在我的webpack配置中添加include路径：

// 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

故事书Webpack配置：未配置加载器

0 个答案: