antd的按需引入+自定主題

1.安裝依賴：yarn add react-app-rewired customize-cra babel-plugin-import less less-loader2.修改package.json...."scripts": {"start": "react-app-rewired start","build": "react-app-rewired build","test": "react-app-rewired test","eject": "react-scripts eject"},....3.根目錄下創建config-overrides.js//配置具體的修改規則const { override, fixBabelImports,addLessLoader} = require('customize-cra');module.exports = override(fixBabelImports('import', {libraryName: 'antd',libraryDirectory: 'es',style: true,}),addLessLoader({lessOptions:{javascriptEnabled: true,modifyVars: { '@primary-color': 'green' },}}),);4.備注：不用在組件里親自引入樣式了，即：import 'antd/dist/antd.css'應該刪掉

總結

以上是生活随笔為你收集整理的React中antd的按需引入+自定主题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。