StorybookJS включает меньше файлов во все компоненты Vue - PullRequest
Новая
       19

StorybookJS включает меньше файлов во все компоненты Vue

0 голосов
/ 13 июня 2019

Я добавил style-resources-loader в свой vue.config.js и настроил его на загрузку пары файлов .less (в основном, vars и mixins) при компиляции less в любом из компонентов .vue файлы.

Прекрасно работает, не беспокоясь о включении правильных вещей в каждый из этих компонентов.

Я также установил Storybook в этом проекте, и у меня были истории, работающие до тех пор, пока я не добавил это. Загрузчик style-resources-loader не работает (это имеет смысл, так как он находится в конфигурации vue, а не в config storybook), но я в недоумении пытаясь настроить сборник рассказов, чтобы следовать этому шаблону.

Я попытался добавить настройку module.exports = {...} в файл конфигурации сборника рассказов с помощью примеров для настроек веб-пакета в репозитории , но, похоже, это никак не отразилось. У меня нигде нет файла webpack.config (унаследованного проекта), но я не ожидаю его обязательно.

Подошел немного ближе:

Добавлен webpack.config.js в мой каталог .storybook.

Настройте конфигурацию в соответствии с настройками less в документации . 

module.exports = {
    module: {
        rules: [{
            test: /\.less$/,
            use: ['style-loader', 'css-loader', 'less-loader', {
                loader: 'style-resources-loader',
                options: {
                    patterns: [
                        path.resolve(__dirname, './src/styles/variables.less'),
                        path.resolve(__dirname, './src/styles/mixins.less'),
                    ]
                }
            }]
        }]
    },
}

Что не совсем работает. Я изменил /\.less$/ на /\.vue$/, что-то даёт, но похоже пытается затем обработать файл .vue как файл .less ... что не совсем то, что я хочу. По крайней мере, из-за ошибок, кажется, это происходит так: 

Cannot use 'in' operator to search for '_c' in undefined
...