我有类似 app/components/forms/components/formError/components
的文件树
我需要编写一个规则来测试所有 .scss
仅在根目录内的文件 components
或内部 scene
文件夹。我怎样才能做到这一点?
当前规则是下一个:
{
test: /.*\/(components|scenes)\/.*\.scss$/,
use: [{
loader: 'style-loader',
}, {
loader: 'css-loader',
options: {
modules: true,
localIdentName: '[local]___[hash:base64:5]',
},
}, {
loader: 'sass-loader',
}],
}
但它没有找到所需的文件
最佳答案
您可以使用
/(components|scenes).*\.scss$/
详情
(components|scenes)
- 匹配第一个 components
或 scenes
子串.*
- 任何 0+ 个字符,尽可能多,直到 \.scss$
- .scss
在字符串的末尾。 见 this regex demo .
关于regex - Webpack:如何查找特定文件夹名称内的所有文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48987151/