如何在反应js最新版本的webpack中添加css加载器答案

【问题标题】：how to add css loader in webpack in react js latest version如何在反应js最新版本的webpack中添加css加载器
【发布时间】：2021-03-07 02:13:00
【问题描述】：

我正在尝试编辑 webpack.confing.js 文件，但出现失败错误。

test: cssRegex,
              exclude: cssModuleRegex,
              use: getStyleLoaders({
                importLoaders: 1,
                modules: true,
                localIdentName:'[name]__[local]__[hash:base64:5]',
                sourceMap: isEnvProduction
                  ? shouldUseSourceMap
                  : isEnvDevelopment,
              }),

启动后会发生。

编译失败
./src/index.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./src /index.css)
ValidationError：无效的选项对象。 CSS Loader 已使用与 API 架构不匹配的选项对象进行初始化。

options 具有未知属性“localIdentName”。这些属性有效：
object { url?, import?, modules?, icss?, sourceMap?, importLoaders?, esModule? }

【问题讨论】：

标签： reactjs

【解决方案1】：

试试

test: cssRegex,
              exclude: cssModuleRegex,
              use: getStyleLoaders({
                importLoaders: 1,
                modules: {
                  //mode:'local',
                  localIdentName: '[name]__[local]___[hash:base64:5]',
                },
                
                sourceMap: isEnvProduction
                  ? shouldUseSourceMap
                  : isEnvDevelopment,

【讨论】：