1

我在 Nuxt.js 项目中使用Vue Styleguidist。根据 Styleguidist 和 Webapack 文档，我已经配置了我的styleguide.config.js文件并设置了一些别名：

module.exports = {
 ...

   webpackConfig: {
        resolve: {
            alias: {
                '~icons': path.resolve(__dirname, 'components/icons/'),
            },
        },

        module: {
            rules: [
                {
                    test: /\.vue$/,
                    exclude: /node_modules/,
                    loader: 'vue-loader',
                },
                {
                    test: /\.js?$/,
                    exclude: /node_modules/,
                    loader: 'babel-loader',
                },
                {
                    test: /\.(css?|scss|sass)(\?.*)?$/,
                    use: [
                        'style-loader',
                        'css-loader',
                        'sass-loader',
                    ],
                },
            ],
        },
        plugins: [
            new VueLoaderPlugin(),
        ],
   } 

};

组件使用这个别名，如下所示：

import FooIcon from '~icons/foo';

虽然 Styleguide 无法解析地址。我相信在styleguide.config.js某种程度上被忽略了别名。

有谁知道我应该如何解决这个问题？

4

0 回答 0