Vue 暫存構建創建開發構建而不是生產構建

Question

Vue 文檔：

vue-cli-service build --mode staging 在 staging 模式下構建生產應用程序，使用 .env、.env.staging 和 .env.staging.local（如果存在）。

包.json

"buildStaging": "vue-cli-service build --mode staging",

.env.staging

VUE_APP_LOG_PRODUCTION_TIP=true

然后

>npm run buildStaging
> between-us-drivers@0.1.0 buildStaging C:\dev\mezinamiridici\spa
> vue-cli-service build --mode staging
/  Building for staging...

結果是：

171 650 admin-chunk.js
112 650 admin-chunk.js.map
6 156 774 app.js
6 008 903 app.js.map
1 517 776 content-chunk.js
1 434 561 content-chunk.js.map
477 276 user-chunk.js
425 751 user-chunk.js.map

為什么有開發版本而不是生產版本？

Answer 1

如果您希望暫存進行生產構建，則需要通過NODE_ENV中的.env.staging指定它：

NODE_ENV=production
VUE_APP_LOG_PRODUCTION_TIP=true

這在staging 的文檔示例中有所暗示，但沒有突出顯示：

由於NODE_ENV ，該應用程序構建為生產應用程序，但在暫存版本中， process.env.VUE_APP_TITLE被不同的值覆蓋

核心行為在文檔中稍早介紹：

當運行vue-cli-service ， [...] NODE_ENV將在生產模式下設置為"production" ，在測試模式下設置為"development" "test" ，否則默認為"development" 。