宝哥软件园

react配置antd按需加载的使用

编辑:宝哥软件园 来源:互联网 时间:2021-08-27

我目前使用的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'}]]都是本文的内容

更多资讯
游戏推荐
更多+