2018-11-06 antd 的專案搭建步驟
建立react專案
$ create-react-app antd
釋放eject
$ cnpm run eject
安裝antd
$ cnpm i antd
安裝babel-plugin-import
$ cnpm i babel-plugin-import
複製配置資訊
到package.js
['import', { libraryName: 'antd', libraryDirectory: 'es', style: 'css' }]
"plugins": [
[
"import",
{
"libraryName": "antd",
"libraryDirectory": "es",
"style": "css"
}
]
]
開始食用,隨便搞,反正錯了也不怕,電腦壞了還可以再買,網站炸了,一般不可能。
相關文章
- 特別詳細的react專案搭建步驟React
- 基於mpvue的小程式專案搭建的步驟Vue
- 專案步驟
- 設計專案的步驟!
- 專案引入reactiveCoCoa步驟React
- MHA搭建步驟
- Jenkins打包node專案步驟Jenkins
- 專案執行落地的6個步驟
- 專案執行管理的8個步驟
- 專案成本管理的4個重要步驟
- 專案review步驟還有專案交接總結View
- 搭建個人Huginn步驟
- ibatis 搭建步驟BAT
- 搭建CRM系統的步驟
- Laravel5.5 新專案建立步驟Laravel
- 輕鬆轉移github專案步驟Github
- 佈置專案到伺服器的步驟伺服器
- 小白參與github專案的步驟(詳細)Github
- 初為專案經理的工作步驟(轉)
- 專案的實現:成功的八個步驟(轉)
- 最簡單的11g Active DataGuard(ADG)搭建配置過程(專案步驟)
- 搭建高效雲的七個步驟
- SpringMVC框架搭建步驟SpringMVC框架
- 專案進度管理的基本步驟是什麼
- 專案工作分解的步驟和注意問題(轉)
- 商業與IT專案聯合的五步驟(轉)
- 專案組合管理(PPM)的4個步驟(轉)
- 專案里程碑制定常見步驟
- 門戶專案成功十步驟 (轉)
- 從零搭建vue3.0專案架構(附帶程式碼、步驟詳解)Vue架構
- JavaScript 專案遷移到 TypeScript 步驟以及遇到的問題JavaScriptTypeScript
- 專案管理計劃制定的四個關鍵步驟專案管理
- python web專案開發常見步驟PythonWeb
- 專案管理之我見:程式開發步驟專案管理
- Scala的安裝以及建立Scala專案的詳細步驟
- 基於 dva 建立 antd-mobile 的專案
- Dva+Antd-mobile專案實踐
- antd專案各種webpack打包方案Web