解决React中css模块化不起作用的问题

解决React中css模块化不起作用的问题

在终端里，执行npm run eject弹出webpack配置文件

npm run eject

回车；
会发现在node_modules文件上方弹出了config文件夹，在config 文件夹下找到webpack.config.js文件，打开：
找到这段代码，可以按command F快速查找

{
              test: cssRegex,
              exclude: cssModuleRegex,
              use: getStyleLoaders({
                importLoaders: 1，
                sourceMap: isEnvProduction
                  ? shouldUseSourceMap
                  : isEnvDevelopment,
              }),

在importLoaders: 1，后面添加modules：true，

{
              test: cssRegex,
              exclude: cssModuleRegex,
              use: getStyleLoaders({
                importLoaders: 1,
                modules:true,
                sourceMap: isEnvProduction
                  ? shouldUseSourceMap
                  : isEnvDevelopment,
              }),

保存后，看css文件是否生效，不生效的话，重新npm start.