今天的第二篇小记就到这里了。antd官网有介绍在react中导入antdhttps://ant.design/docs/react/use-with-create-react-app-cn但是并没有达到我们想要的效果。报错如下:The"injectBabelPlugin"helperhasbeendeprecatedasofv2.0解决方法如下:https://github.com/ant-design….不过我还是把过程写下来了,大家自己去捡吧!第一步:npmiantd--save第二步:修改package.json文件后npmireact-app-rewired-D/*package.json*/"scripts":{-"start":"react-scriptsstart",+"start":"react-app-rewiredstart",-"build":"react-scriptsbuild",+"build":"react-app-rewiredbuild",-"test":"react-scriptstest",+"test":"react-app-rewiredtest",}第三步:安装按需加载插件npminstallbabel-plugin-import第四步:npminstallcustomize-cra--save第四步:创建项目根目录下的config-overrides.js修改默认配置。const{override,fixBabelImports}=require("customize-cra");module.exports=override(fixBabelImports("babel-plugin-import",{libraryName:"antd",style:"css"}));以上流程介绍完后,antd官网的介绍还需要更新。..如需less等支持,仍需参考官网,请积极查阅相关资料!本文就不做叙述了,嘻嘻嘻!
