react中按需引⼊antd配置
众所周知，react是前端很帅的⼀个mvc框架，再加上ant design的完美⽀持，就更显出⾊，但是想在react中潇洒的使⽤antd却不是⼀件容易的事，因为你按照常规的项⽬架构后，发现antd在⽤到的时候必须全部引⼊，⽽不能按需引⼊，先不是开发过程中的⿇烦，加载时间更是慢的⼀塌糊涂，所以在antd官⽹中就提出了如何在react项⽬中按需引⼊的⽅法（Ant Design - A UI Design Language）。但是在如果你天真的跟着官⽹来配置就会发现，没啥卵⽤，完了还⼀⼤堆错（The "injectBabelPlugin" helper has been deprecated as of v2.0.）。主要因为injectBabelPlugin is not a function，查阅资料发现react-scripts 升级到 2.1.2 以后破坏了 react-app-rewired，react-app-rewired的新版本删除所有⽅法injectBabelPlugin，这些⽅法被移动到⼀个名为'customize-cra'的新包中了。所以，在官⽹的基础上我们就需要在进⾏配置修改：
1.确保已经下载customize-cra，less-loader， less
2.修改config-overrides⽂件为：
react native 然后再重新 npm start就⾏了

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。