在Webpack中如何为Ant Design定制主题？

可以通过修改less-loader的选项来定制Ant Design的主题。你需要确保你的样式文件是.less格式，因为.css格式的样式文件无法直接通过变量来定制主题。以下是一个配置示例：

module: { 
rules: [ 
// 处理 .css 文件（如果有需要） 
{ 
test: /\.css$/, 
use: ['style-loader', 'css-loader'], 
}, 
// 处理 .less 文件 
{ 
test: /\.less$/, 
use: [ 
'style-loader', 
'css-loader', 
{ 
loader: 'less-loader', 
options: { 
lessOptions: { 
modifyVars: { 
'primary-color': '#1DA57A', // 替换Ant Design的主题色 
}, 
javascriptEnabled: true, // 支持在less文件中使用JavaScript 
}, 
}, 
}, 
], 
}, 
] 
}

注意，在配置less-loader时，要确保modifyVars中的变量名不要包含@符号，因为less-loader会自动处理这些变量。此外，还需要注意样式加载顺序，避免.less的样式被.css的样式覆盖。