引入:
yarn add antd
在app.js中import ‘antd/dist/antd.css’
yarn eject用于暴露配置
配置后可以删除import ‘antd/dist/antd.css’
yarn add babel-plugin-import react-app-rewired customize-cra
yarn add less less-loader
会和craco修改主题有冲突,所以没用craco
同时按需引入和主题(不采用craco):
项目根目录下新建config-overrides.js文件:
const { override, fixBabelImports, addLessLoader } = require(‘customize-cra’);
module.exports = override(
fixBabelImports(‘import’, { 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】
libraryName: ‘antd’,
libraryDirectory: ‘es’,
style: true,
}),
addLessLoader({
lessOptions:{
javascriptEnabled:true,
modifyVars:{‘@primary-color’:‘pink’}
}