css-loader 模块化会导致 antd 样式文件无效,解决的方式就是排除 node_modules 下的目标文件就可以
如果你用的 less 就可以按以下方式来配置
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | { test: /\.less$/, include: /node_modules/, // node_modules 下的 less 文件不使用模块化 use: [ { loader: MiniCssExtractPlugin.loader, }, { loader: 'css-loader', }, { loader: 'less-loader', options: { lessOptions: { javascriptEnabled: true, }, }, }, ], }, { test: /\.less$/, exclude: /node_modules/, // 其它文件下的 less 文件正常使用模块化 use: [ { loader: MiniCssExtractPlugin.loader, }, { loader: 'css-loader', options: { // 开启css模块化 modules: { namedExport: false, localIdentName: '[path][name]-[local]--[hash:base64:5]', }, }, }, { loader: 'less-loader', options: { lessOptions: { javascriptEnabled: true, }, }, }, ], }, |