這篇文章給大家介紹怎么在react中配置antd按需加載，內(nèi)容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

站在用戶的角度思考問題，與客戶深入溝通，找到興化網(wǎng)站設(shè)計與興化網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：網(wǎng)站建設(shè)、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名與空間、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋興化地區(qū)。

首先打開webpack.config.dev.js 

在147行添加這段代碼

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

同樣的配置在webpack.config.prod.js里面也需要添加。

這樣就真正實現(xiàn)了按需加載，就不會再報黃色的警告。

還有第二種簡單的方式，就是在package.json里面直接添加這行代碼。當(dāng)然前提也是需要先安裝依賴：yarn add babel-plugin-import --save-dev

"babel": {
  "presets": [
   "react-app"
  ],
  "plugins": [
   [
    "import",
    {
     "libraryName": "antd",
     "style": "css"
    }
   ]
  ]

關(guān)于怎么在react中配置antd按需加載就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。