antd默认的按钮颜色是蓝色,现在想要改变它的主题为绿色
在初始化craco-less的时候出错,然后尝试了降低craco的版本以及安装指定craco-less指定版本都没有解决,后来仔细看错误提示找到了一个 解决办法(/(ㄒoㄒ)/~~所以还是需要仔细看提示,也许解决办法就在提示里面)
解决办法,执行npm i -S craco-less --force就可以正常安装成功了
npm i -S craco-less --force
craco.config.js
//配置具体的修改规则
const CracoLessPlugin = require('craco-less');
module.exports = {
plugins: [
{
plugin: CracoLessPlugin,
options: {
lessLoaderOptions: {
lessOptions: {
modifyVars: { '@primary-color': '#1DA57A' },
javascriptEnabled: true,
},
},
},
},
],
babel: {//支持装饰器
plugins: [
[
"import",
{
"libraryName": "antd",
"libraryDirectory": "es",
"style":true
// "style": 'css' //设置为true即是less 这里用的是css
}
]
]
},
};
package.json
{
"name": "react_staging",
"version": "0.1.0",
"private": true,
"dependencies": {
"@craco/craco": "^6.4.3",
"@testing-library/jest-dom": "^5.15.0",
"@testing-library/react": "^11.2.7",
"@testing-library/user-event": "^12.8.3",
"antd": "^4.18.2",
"axios": "^0.24.0",
"babel-plugin-import": "^1.13.3",
"craco-less": "^2.0.0",
"nanoid": "^3.1.30",
"prop-types": "^15.7.2",
"pubsub-js": "^1.9.4",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-router-dom": "^6.0.2",
"react-scripts": "4.0.3",
"web-vitals": "^1.1.2"
},
"scripts": {
"start": "craco start",
"build": "craco build",
"test": "craco test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}