antd的主题色默认是蓝色的,但是看到官网上有很多配色很好看,所以想换个颜色试试,官网提供的色系:
安装antd less less-loader babel依赖
npm i antd less less-loader babel-plugin-import @babel/plugin-syntax-jsx
这里需注意,less最好安装@5.0.0版本,不然后续会报兼容的错(目前不知道@6以上要如何解决)。
然后需要在项目中运行npm run eject来在项目根目录中生成config配置文件夹(若已生成忽略这一步)
生成的文件夹如下:
添加less-loader配置
在config文件夹下的webpack.config.js中添加如下代码:
{
test: /\.less$/,
use: [
{
loader