打包优化. 补充README.md的内容.

README.md

@@ -43,7 +43,7 @@ vue-cli
 ## VS Code 插件
 
 1.  Vetur (Author: Pine Wu)
-1.  Prettier (Author: Esben Petersen)
+1.  Prettier (Author: Esben Petersen) # 注意: 其他的 vscode 插件可能导致格式化不一致
 1.  REST Client (Author: Huachao Mao)
 1.  Quokka.js (Author: Wallaby.js) - optional
 
@@ -90,7 +90,11 @@ vue-cli
 无需共享状态的组件可以直接在组件的生命周期中发请求获取数据。一般是纯显示的组件比较多。
 
 共享状态的通过 vuex 来处理。
-TODO: module state
+
+## TODO:
+
+1. module state
+2. 新项目以 ES2018 为基准，选择 stage 3 的特性，将常用的特性列表在 readme 中给出网址
 
 ### 参考资料
 

package.json

@@ -6,7 +6,7 @@
     "start": "vue-cli-service serve",
     "serve": "vue-cli-service serve",
     "mock": "json-server --watch mock/db.json",
-    "build:staging": "vue-cli-service build --mode staging",
+    "build:staging": "NODE_ENV=production vue-cli-service build --mode staging",
     "build:prod": "vue-cli-service build",
     "lint": "vue-cli-service lint",
     "test:unit": "vue-cli-service test:unit"

src/main.js

@@ -19,6 +19,14 @@ Vue.config.productionTip = process.env.NODE_ENV !== "production";
 
 Vue.component("main-layout", MainLayout);
 
+if (process.env.NODE_ENV !== "production") {
+  // 测试vue cli打包的环境变量
+  console.log("环境检查: process.env.NODE_ENV === " + process.env.NODE_ENV);
+  console.log(
+    "env.VUE_APP_TK_SERVER_URL === " + process.env.VUE_APP_TK_SERVER_URL
+  );
+}
+
 if (process.env.NODE_ENV === "development") {
   console.log("非生产环境：准备自动登录");
   (async () => {