Browse Source

多环境打报文件修改

yunxing 4 years ago
parent
commit
226c24dbf2
7 changed files with 17 additions and 8 deletions
  1. 2 0
      .env.aly
  2. 1 1
      .env.development
  3. 2 1
      .env.production
  4. 2 1
      .env.test
  5. 4 2
      README.md
  6. 3 2
      package.json
  7. 3 1
      src/App.vue

+ 2 - 0
.env.aly

@@ -0,0 +1,2 @@
+NODE_ENV=production //表明这是生产环境(需要打包,否者打包后,没有开启代码拆分)
+VUE_APP_RealEnv=aly

+ 1 - 1
.env.development

@@ -1 +1 @@
-VUE_APP_BmGuideH5=dev
+VUE_APP_RealEnv=development

+ 2 - 1
.env.production

@@ -1 +1,2 @@
-VUE_APP_BmGuideH5=prod
+NODE_ENV=production //表明这是生产环境(需要打包,否者打包后,没有开启代码拆分)
+VUE_APP_RealEnv=production

+ 2 - 1
.env.test

@@ -1 +1,2 @@
-VUE_APP_BmGuideH5=test
+NODE_ENV=production //表明这是生产环境(需要打包,否者打包后,没有开启代码拆分)
+VUE_APP_RealEnv=test

+ 4 - 2
README.md

@@ -14,8 +14,10 @@ yarn serve 或 npm run serve
 
 ### 打包
 
-``` 
-yarn build 或 npm run build 
+``` shell
+1. yarn build_aly  或 npm run build_aly     # 阿里云环境
+2. yarn build_test 或 npm run build_test    # 测试环境
+3. yarn build_prod 或 npm run build_prod    # 生产环境
 ```
 
 ### 分析打包

+ 3 - 2
package.json

@@ -4,8 +4,9 @@
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build --mode production",
-    "test":"vue-cli-service build --mode test"
+    "build_aly":"vue-cli-service build --mode aly", 
+    "build_test":"vue-cli-service build --mode test",
+    "build_prod": "vue-cli-service build --mode production"
   },
   "dependencies": {
     "axios": "^0.20.0",

+ 3 - 1
src/App.vue

@@ -34,7 +34,9 @@ export default {
     },
     components: {},
     beforeMount() {},
-    mounted() {},
+    mounted() {
+        console.log(process.env)
+    },
     methods: {
         changeTabbar(active) {
             console.log(active)