最近跟著Antd-Pro官方教程學習umi，這裡給大家推薦一下這個教程，特別適合初學者學習，教程涉及了AntD，AntD-Pro,umiJS,dvaJS等框架知識。

學習過程中跟著教程做了個Demo，下面貼出主要程式碼

export default {
  // 用來表示專案資料夾（page，model等）是否為單數，預設為複數
  singular: true,
  // 選擇外掛，這裡是一個數組，一個外掛是一個項，當項需要有別的引數的時候，這個項為一個數組，且這個陣列第二個項是引數。
  plugins: [
    [
      // 開啟umi整合的antd和dva，注意umi-plugin-react需要單獨用npm i --save umi-plugin-react下載
 

      "umi-plugin-react",
      {
        antd: true,
        dva: true
        //
      }
    ]
  ],
  // 這裡配置路由資訊，需要注意這裡是一個數組
  routes: [
    {
      path: "/",
      component: "../layout",
      routes: [
        {
          path: "/",
          component: "Helloworld"
        },
        {
          path:
 
 "helloworld",
          component: "Helloworld"
        },
        {
          path: "puzzlecards",
          component: "./puzzlecards"
        },
        {
          path: "list",
          component: "./list"
        },
        {
          path: "/dashboard",
          routes: [
            {
              path:
 
 "/dashboard/analysis",
              component: "Dashboard/Analysis"
            },
            {
              path: "/dashboard/monitor",
              component: "Dashboard/Monitor"
            },
            {
              path: "/dashboard/workplace",
              component: "Dashboard/Workplace"
            }
          ]
        }
      ]
    }
  ],
  // 這裡配置代理，下面的意思是當api請求有/dev時會自動設定到目標連結，主要用於解決跨域問題。
  proxy: {
    "/dev": {
      target: "https://08ad1pao69.execute-api.us-east-1.amazonaws.com",
      changeOrigin: true
    }
  },
  // 在這裡設定antd的主題相關配置，想要知道 antd 都定義了哪些變數，可以參考這裡https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less
  theme: {
    "@primary-color": "#30b767"
  }
};