这篇文章给大家介绍怎么在react中配置antd按需加载，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。
创新互联公司坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站设计、
做网站、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的
巴东网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
首先打开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": {
"presets": [
"react-app"
],
"plugins": [
[
"import",
{
"libraryName": "antd",
"style": "css"
}
]
]关于怎么在react中配置antd按需加载就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
网站栏目：怎么在react中配置antd按需加载-创新互联
文章分享：
http://cdkjz.cn/article/ddjphs.html
