В Vue Styleguidist псевдонимы веб-пакетов не работают - PullRequest
Новая
       21

В Vue Styleguidist псевдонимы веб-пакетов не работают

0 голосов
/ 23 сентября 2019

Я использую Vue Styleguidist в проекте Nuxt.js.Основываясь на документах 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 как-то игнорируется.

Кто-нибудь знает, как мне обойти эту проблему?

...