我在我的vue.config.js中添加了style-resources-loader，并将其配置为在编译{{1}中的较小文件时加载到两个.less文件中（基本上是vars和mixins） 1}}组件文件。
效果出色，无需担心在每个组件中都包含正确的内容。
我还在该项目上安装了Storybook，并在我添加该故事之前使故事工作了。style-resources-loader无法正常工作（这很有意义，因为它在vue配置中，而不是Storybook配置中），但我试图将故事书配置为遵循这种模式时会感到茫然。
我已经尝试通过webpack configs on the repo doc的示例向我的故事书配置文件中添加.vue设置，但这似乎没有任何作用。我在任何地方都没有webpack.config文件（继承了该项目），但我不希望有一个文件。
更近一点：
将webpack.config.js添加到我的.storybook目录中。
设置配置according to the less setup in the docs。
module.exports = {...}这不太有效。我将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文件处理为.less文件……这并不是我想要的。至少从错误来看，它似乎是在这样做：
/\.vue$/