填坑之dva-cli创建项目更改antd主题色

以下是antd官方文档更改theme的教程
https://2x.ant.design/docs/react/customize-theme-cn
项目中需要统一主题色可是antd默认的是蓝色(汗颜),那可怎么办呀,本以为会特别简单,不就是在package.json中加个值么,so easy!


重启n遍之后感觉事情远没有想象中那么简单,不知道出来啥问题,于是乎就去找之前的项目,引用方法都一样,可就是出不来。挠头ing

看了很多篇有一样问题的博客,总结出来两种不可靠的方法:
1.修改.webpack.config.js文件
2.修改.roadnogrc文件
可是dva生成的哪有这两个文件呀,尝试了新建这两个文件再添加配置还是不是,猝

再翻,发现dva作者更新了,把.roadnogrc迁移到了.webpackrc,所以改成如下代码即可正确展示。注意:style不能是css
// .webpackrc文件
{
    "extraBabelPlugins": [
 	    ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": true }] // 注意style的值一定要是true
    ],
    "disableCSSModules": true,
    "theme": {
        "@primary-color": "#FC9153"
    }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值