AI 助理
备案控制台
开发者社区 问答 正文

如何在Webpack中自定义Ant Design的主题色？

如何在Webpack中自定义Ant Design的主题色？

展开
收起
迪哒迪滴喵 2024-08-27 16:12:13 55 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • 迪姐暴打小怪兽

    通过less-loader的options属性中的lessOptions.modifyVars。例如，将主题色设置为#1DA57A：

    { 
loader: 'less-loader', 
options: { 
lessOptions: { 
modifyVars: { 
'primary-color': '#1DA57A', 
'border-color-base': '#d9d9d9', 
'text-color': '#d9d9d9' 
}, 
javascriptEnabled: true, 
}, 
}, 
}

    **

    2024-08-27 17:45:02
    赞同 17 展开评论
问答标签：
Webpack自定义 Webpack ant Webpack ant design
问答地址：
开发者社区 > 云计算 > 问答
相关问答
在Webpack中如何为Ant Design定制主题？
45
1
0
Webpack提供了自定义browserlist 的能力带来了哪些好处？
1408
1
0
如何在Webpack中配置添加对TypeScript的支持？
48
1
0
Webpack配置中如何根据环境变量动态启用或禁用插件？
42
1
0
Webpack配置中如何添加代码压缩优化？
47
1
0
Webpack中的HtmlWebpackPlugin插件是如何配置的？
40
1
0
如何在Webpack中配置Babel来转译JSX和TSX文件？
81
1
0
Webpack配置中如何设置开发服务器（devServer）的端口？
122
1
0
在Webpack配置中，如何设置ts-loader以加快构建速度但又不进行类型检查？
142
1
0
如何在Webpack中配置CSS的分离，并使用MiniCssExtractPlugin插件？
89
1
0