antd按需加載


antd的基本使用方法官網說的分廠清楚,此處就不再贅述,但是antd的按需加載官方使用的是它自己的一套方法。那么如果我們想要用

npm run eject

該怎么做呢?其實也非常簡單。

首先確保你安裝了 antd 和 babel-plugin-import

 

然后就執行npm run eject然后在根目錄下新建一個 .babelrc,(注意前面有個點哦)這個文件是babel的配置文件,它會覆蓋你在package.json里面babel的配置,所以在npm run eject之后不需要去改package.json里面的配置,直接在.babelrc文件里添加如下代碼即可。

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

這里要注意除了添加plugins之外,presets也是要寫的,之前說過,這個文件會覆蓋package.json里面的配置,所以即使package.json里面寫了,這里仍然要再寫一遍。

應該是也可以直接對package.json進行修改,那樣做的話就不要添加.babelrc文件,不過我配置失敗了,暫時還沒找出原因。暫時先這樣吧。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM