1、新建一个项目,create-react-app demo
2、引入ant-mobile UI库。ant-mobile
根据官网在create-react-app中使用引入UI库。
3、定制主题
这里有坑!!根据官网怎么都没弄好。
npm install --save-dev babel-plugin-import less less-loader style-loader css-loader
安装一下依赖。
3.1 config-overrides.js中 style:‘css’ 改为 style:true
3.2 新建一个them.json文件。内容如下:
{
"@brand-primary": "blue",
"color-text-base": "#333"
}
3.3 在config-overrides.js中引用,并添加addLessLoader的配置。
如下图。
官网上描述的不太清楚,浪费了不少时间。