使用create-react-app方式引入antd样式

今天试了一下使用create-react-app快速构建React 的环境下引用antd,but! 引入后发现我的antd的样式压根就没有引入,
所以上网搜索了一下
点此进入快速构建React开发环境 <https://blog.csdn.net/zm_miner/article/details/80081268>
以下给出的解释:
由于create-react-app构建React App的方式推荐zero-configuration（零配置），所以只能通过 npm run
eject 的方式来讲所有的配置项暴露出来。要注意的eject操作是不可逆转的。

引入antd

我是使用
yarn add antd
引入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
项目就可以运行啦

• « 上一篇：开启HDR视觉盛宴：究竟什么视频算得上HDR？
• » 下一篇：极客react之Ant Design Pro系列快速入门（一）--启动篇