Antd按需打包、主题修改(尚硅谷React094-096)

---

引入：

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’}

}