React 中组件代码和样式的按需引入

如果直接使用import { Button } from 'antd'引入的话就引入了 antd 下所有的模块，这会影响应用的网络性能。

1. 先安装我们需要使用到的插件

npm install babel-plugin-import

2. 配置webpack.config.js

找到项目目录下config文件夹中的 webpack.config.js
然后Ctrl + F 全局搜索 babel-loader
找到如图中红框位置, 在红框位置下面添加下面代码

["import",  //导入一个插件
	{ 
	"libraryName": "antd", // 要暴露的库名
	style: true // // 直接将ants样式文件动态编译成行内样式插入
	}
]

项目目录中没有config文件夹? 这里有提到