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在字符串末尾。

请参阅此正则表达式演示。