由于create-react-app构建React App的方式推荐zero-configuration（零配置），所以只能通过 npm run eject 的方式来讲所有的配置项暴露出来。要注意的eject操作是不可逆转的。
进入 项目根目录 安装antd npm install antd --save
安装完 antd , 默认所有的组件都会被引入，那项目将会变得很庞大，antd提供了按需加载的方式
安装babel-plugin-import
npm install babel-plugin-import --save-dev
暴露配置项
npm run eject
配置按需加载
1,暴露配置项之后，会生成一个config的文件夹，首先我们先配置dev模式。prod模式与dev模式的配置相同。
2,打开webpack.config.dev.js文件
3,plugins: ['transform-runtime', ['import', {
libraryName: 'antd',
style: 'css' }]]
4,运行项目npm start
由于create-react-app构建React App的方式推荐zero-configuration（零配置）...
今天试了一下使用create-react-app快速构建React 的环境下引用antd,but! 引入后发现我的...
如果使用的是create-react-app则可以参考本章方法，若是引入了antd，则需要使用Antd官方介绍的方...
1 创建 npx create-react-app my-react-app 2 引入 antd 官方文档 htt...
1. 使用 create-react-app 初始化 2. 引入 antd UI库 3. 使用 craco 插件来...
antd官方只给出了使用create-react-app创建但没有使用npm run eject命令项目的按需引入...
create-react-app 安装antd-design 配置antd按需加载antd 的 JS 代码默认支持...
1，create-react-app antd-dome1 2,npm install antd-mobile -...
先按照官方的教程走一遍 用create-react-app创建一个项目，引入antd-mobile 对入口页面（i...
1.完整导入 import antd from 'ant-design-vue'; 的写法引入了 antd 下所有...
本文标题：create-react-app方式下引入antd
本文链接：https://www.haomeiwen.com/subject/tiapuftx.html
网友评论