1. 程式人生 > >初識React(1):dva+antd建立react專案

初識React(1):dva+antd建立react專案

用dva建立專案,首先要全域性安裝dva-cli

cnpm install dva-cli -g

建立一個專案

dva new 專案檔名稱

專案建立完畢,進入專案目錄下,安裝ant-design這個ui框架

cnpm install antd --save

在專案目錄下,安裝antd按需載入外掛,如下:

cnpm install babel-plugin-import --save-dev

安裝完畢,在專案目錄下,找到.webpackrc檔案,在裡面新增:

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

執行專案:

cnpm start

如果不安裝antd這個UI外掛,上面建立完專案就可以直接進入專案執行專案了