在React項目中引入antd


antd是基於 Ant Design 設計體系的 React UI 組件庫,主要用於研發企業級中后台產品。(官網定義)

基於我們已經使用腳手架創建好之后,我們現在開始引入antd

 

第一步下載antd:npm add antd 或者 yarn add antd

 

 引入成功之后,打開package.json文件中可以看到我們引入的antd的版本號,這就是表示成功了。

 

下面是antd的一些修改配置,因為antd在實際開發中還有一些優化的空間,比如無法進行主題配置。

根據antd的官方文檔我們開始操作

第一步下載 craco (一個對 create-react-app 進行自定義配置的社區解決方案):npm add craco

這個不知道什么原因安裝之后,丟了五個包,重新下載也不行,暫時不管了

下載完成之后在package.json文件里面修改相應的東西:

 

 修改完成之后在根目錄創建一個用於修改默認配置的文件craco-config.js

 


免責聲明!

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



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