antd ConfigProvider全局化配置

Posted 2023-04-08

参考技术A 由于项目采用 qiankun 模块化开发，子项目依赖基座项目theme和antd版本等资源，这样会引发一些未知的bug，比如基座项目的antd版本过低，或子项目一些样式使用了基座项目的样式，造成子项目样式污染等；

为了解决这个问题，想到了沙盒模式或者版本隔离

1、在子项目中的 craco.config.js 的 externals 中删除 基座项目的 antd；
2、在入口文件index.tsx中引入 import 'antd/dist/antd.less'，并添加

3、<App/> 最外层添加

4、theme配置中加上前缀

5、 craco.config.js 配置中添加

Vue3+Antd 修改antd主题色，配置全局css

参考技术A 先贴个官网的图片

然后说说整体流程...

然后重新 npm i
再重新运行，就解决了

奉上参考资料
Vue-cli3.0配置全局less
vue antd 按需加载 报错.bezierEasingMixin()