reactjs - reactjs最新版本中如何在webpack中添加css加载器

Question

我正在尝试编辑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

Answer 1

尝试

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