regex - Webpack:如何查找特定文件夹名称内的所有文件

Question

我有类似 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',
      }],
    }

但它没有找到所需的文件

Answer 1

您可以使用

/(components|scenes).*\.scss$/

详情

(components|scenes) - 匹配第一个 components或 scenes子串

.* - 任何 0+ 个字符，尽可能多，直到

\.scss$ - .scss在字符串的末尾。

见 this regex demo .