CSSModule与antd样式冲突的解决方案

CSSModule与antd样式冲突的解决方案

• 在webpack.config.js进行如下配置：

// webpack.config.js
{
            test: /\.css$/,
            exclude:[/node_modules/],
            use: [
              'style-loader',
              // 'css-loader'
              {
                loader: 'css-loader',
                options: {
                    modules: true,
                    // localIdentName: '[local]_[hash:base64:8]'
                    // localIdentName: '[name]__[local]--[hash:base64:5]'
                    // minimize: true
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  // ident: 'postcss',
                  plugins: (loader) => [
                    // require('postcss-import')({ root: loader.resourcePath }),
                    require('postcss-cssnext')(),
                    // require('autoprefixer')(),
                    // require('cssnano')()
                  ]
                }
              }
            ]
          },
          {
            test: /\.css$/,
            exclude:[/src/],
            use: [
              'style-loader',
              'css-loader'
            ]
          },