如何在 webpack.config 文件中设置 css 模块？

【问题标题】：How to set css module in webpack.config file?如何在 webpack.config 文件中设置 css 模块？
【发布时间】：2021-03-19 10:09:40
【问题描述】：

{ 测试：cssRegex，排除：cssModuleRegex，使用：getStyleLoaders({ 进口装载机：1，模块：{ localIdentName: '[name][local][hash:base64:5]' }, sourceMap: isEnvProduction ?应该使用SourceMap : isEnv开发, }), }

【问题讨论】：

标签： reactjs

【解决方案1】：


{
  test: /\.css$/,
  use: [
    'style-loader',
    {
      loader: 'css-loader',
      options: {
        importLoaders: 1,
        modules: true
      }
    }
  ]
}

正如您在配置中看到的，您需要使用两个加载器，style-loader 和 css-loader。您还需要将它们安装为 NPM 依赖项：

npm install --save-dev style-loader css-loader

modules: true 告诉 css-loader 启用 CSS 模块。

importLoaders: 1 表示它还将 CSS 模块应用于 @imported 资源。

【讨论】：