小编Avr*_*sop的帖子

我需要在我的 React 项目中使用 webpack 版本 4 和“迷你 CSS 提取插件”创建多个主题 CSS 文件。取决于 webpack 将找到 SCSS 文件导入的位置，它应该使用 loader 两次 - 在 sass-loader 选项中使用不同的数据。

根据这个目标，我在互联网上没有发现任何有用的东西。我也已经尝试使用这样的 webpack 加载器，如：webpack-combine-loaders、multi-loader 等......

这是 webpack 配置的一部分

module: {
  rules: [
    {
       test: /\.scss$/,
       use: [
         {
           loader: MiniCssExtractPlugin.loader,
         },
         'css-loader',
         {
            loader: "sass-loader",
            options: {
               data: '$theme: dark;',
            }
         },
       ],
     },
     { // the same except data in options
       test: /\.scss$/,
       use: [
         {
           loader: MiniCssExtractPlugin.loader,
         },
         'css-loader',
         {
            loader: "sass-loader",
            options: {
               data: '$theme: white;',
            } …