用webpack的父选择器包装第三方css模块

问题描述 投票:0回答:1

我需要用一个特定的MyGlobalSelector类来包装导入的css模块的输出--.e.g。.MyGlobalSelector .CustomCSSModule__styles {}

module: {
    rules: [{
      test: /\.module\.scss/,
      use: [
        MiniCssExtractPlugin.loader,
        {
          loader: 'css-loader',
          options: {
            sourceMap: true,
            modules: {
              localIdentName: 'CustomCSSModule-[name]__[local]'
            },
            importLoaders: 2
          }
        },
        'postcss-loader?sourceMap',
        'sass-loader?sourceMap',
        ]
      },
    ]
  },

有什么方法可以实现这一点吗?本质上,我希望加载器看起来像sass->postcss->css-加载器与css模块->用.MyGlobalSelector包裹整个输出的css->提取插件。

css webpack css-modules
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.