解决webpack5 css开启modules时antd样式不生效的问题
参考https://blog.csdn.net/mccgodlov/article/details/117336102
{
test: /\.(css|less)$/,
// 采用css modules的解析方式时,排除对node_modules文件处理
exclude: /node_modules/,
use: [
MiniCssExtractPlugin.loader,
{
loader: 'css-loader',
options: {
importLoaders: 2,
modules: {
mode: 'local',
localIdentName: '[name]__[local]--[hash:base64:5]',
},
},
},
'postcss-loader',
{
loader: 'less-loader',
options: {
lessOptions: {
javascriptEnabled: true,
modifyVars: {
'@ant-prefix': '_ant',
},
},
},
},
],
},
// 解决使用css modules时antd样式不生效
{
test: /\.(css|less)$/,
// 排除业务模块,其他模块都不采用css modules方式解析
include: [/node_modules/], // antd(node_modules文件)目录
use: [
MiniCssExtractPlugin.loader,
{
loader: 'css-loader',
},
'postcss-loader',
{
loader: 'less-loader',
options: {
lessOptions: {
javascriptEnabled: true,
modifyVars: {
'@ant-prefix': '_ant',
},
},
},
},
],
},