create-react-app引入ant design

第一步:全局安装 yarn

npm install yarn -g

第二步:安装 antd

yarn add antd

第三步:安装 babel-plugin-import

npm install babel-plugin-import --save-dev

第四步:暴露配置项

npm run eject

发现执行此操作报错了,不管他什么错,接着执行

yarn install

然后执行

npm run eject

此时可以成功 .会自动生成一个config的文件夹,时候我们先配置dev模式

第五步:打开config文件夹下面的webpack.config.dev.js文件

添加一下代码

plugins: [transform-runtime, [import, { libraryName: antd, style: css }]]

但是当你执行npm start 的时候会发现不行 报错了.
那么此时只要是再执行一次npm install 就可以 然后执行

npm start

项目就可以运行啦

第六步:引入css文件

import antd/dist/antd.css

 

相关文章