react配置antd按需加载的使用

我目前使用的antd版本是2.13。现在最新的是3.0.1。

脚手架工具是创建-反应-应用程序。创建完成的项目后，需要添加配置，执行退纱意味着打开配置文档。

然后安装第三方依赖纱添加巴贝尔-插件-导入-保存-开发

找到配置文件夹。有两个配置文档，

Webpack.config.dev.js和webpack.config.prod.js

添加配置时，请确保文档保持一致。我只是犯了一个错误，这是因为值配置了，官方文档没有配置。

首先打开webpack.config.dev.js

将此代码添加到第147行

plugins: [ ['import '，[{ libraryName: 'antd '，style: 'css' }]，]，

需要在webpack.config.prod.js中添加相同的配置

这样就真正实现了按需装车，不会报黄色预警。

还有第二种简单的方法可以直接在package.json中添加这一行代码。当然，前提是先安装依赖项：yarn add babel-plugin-import-save-dev

Babel' : { '预设' : ['react-app']，' plugins' : ['import '，{'library name' :' antd '，' style' :' CSS'}]]都是本文的内容