react 初探：webpack 加载css 使用配置

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_27603235/article/details/79346078

在react 中，使用模块加载器来将css 加载到整个模块中。下面看具体的配置

在 webpack.config.js 的配置文件中，需要在css模块加载器中启用css modules（webpack中将css 进行模块化），

     {
       test: /\.css$/,
       use: [
                {
                  loader: "style-loader"
                }, {
                  loader: "css-loader",
                  options: {
                      modules: true, // 指定启用css modules
                      localIdentName: '[name]_[local]_[hash:base64:5]' // 指定css的类名格式
                      }
                  }
            ],
     },

这里配置了两个css的加载器，其中对css-loader 这个加载器启用css modules,并且设置了特定格式的hash 类型格式。localIdentName: '[name]_[local]_[hash:base64:5]'，
需要注意的是， 必须指定对一个加载器使用css modules 否则样式会出不来。