为什么要用{ loader: 'css-loader', options: {modules: true} }

Question

{
        test: /\.less$/,
        include: /node_modules\/antd/,
        use: [
          'style-loader',
          { loader: 'css-loader', options: {modules: false} },
          'less-loader'
        ]
      },
      {
        test: /\.less$/,
        exclude: /node_modules\/antd/,
        use: [
          'style-loader',
          { loader: 'css-loader', options: {modules: true} },
          'less-loader'
        ]
      }

为什么打包less文件时候，一个要用

{ loader: 'css-loader', options: {modules: false} },

另外一个要用

{ loader: 'css-loader', options: {modules: true} }

Answer 1

...这样是避免 css-modules 对 antd 的样式进行处理，否则会造成antd 的样式的不匹配。
所以对 antd 的样式不使用 css-modules，{modules:false}。
对于其他不影响的使用 css-modules，{modules:true}