首页 > 移动平台 > 详细

create-react-app引入ant design

时间:2019-06-06 18:26:55      阅读:132      评论:0      收藏:0      [点我收藏+]

第一步:全局安装 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

 

create-react-app引入ant design

原文:https://www.cnblogs.com/xiaoyaoxingchen/p/10986380.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!