Vue 項目分環境打包

chavesgu 發布于2019-08-29 16:15 / 876人閱讀

摘要：我們開發項目的時候，用版本新建的項目，只有兩種開發環境有時需要個環境來給測試使用，所以找了很多方法，總結了個最簡單的方法來給大家使用在下面添加一個運行命令在中修改代碼讀取系統運行時候的變量控制臺日志輸出判斷環境變量，是，還是此處替換為測

? ?我們開發項目的時候，用vue-cli 2.x版本新建的項目，只有dev, pro兩種開發環境, 有時需要個test環境來給測試使用，所以找了很多方法，總結了個最簡單的方法來給大家使用

package.json

在build下面添加一個test運行命令

 "test": "node build/build.js"

prod.env.js

? ? 在config -> prod.env.js 中修改代碼

  "use strict"
  // 讀取系統運行時候的變量
  const target = process.env.npm_lifecycle_event;
  // 控制臺日志輸出
  console.log("env is deploying, current env is", target)
  // 判斷環境變量，是test，還是build
  if (target == "test") {
    var obj = {
      NODE_ENV: ""production"",
      API_ROOT: ""此處替換為測試環境地址"",
    }
  } else {
    var obj = {
      NODE_ENV: ""production"",
      API_ROOT: ""此處替換為測試環境地址"",
    }
  }
    
  module.exports = obj;

3.測試環境：

$ npm run test

正式環境: 
```
$ npm run build
```

云服務器 GPU云服務器 Vue實現分頁 python項目打包服務器打包項目 eclipse項目打包war

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/113624.html

vue-cli3環境變量與分環境打包

摘要：一般情況下項目有三個默認模式模式用于模式用于和模式用于模式不等同于，一個模式可以包含多個環境變量。你可以通過為文件增加后綴來設置某個模式下特有的環境變量。第一步 : 了解環境變量概念我們可以根目錄中的下列文件來指定環境變量: .env # 在所有的環境中被載入 .env.local # 在所有的環境中被載入，但會被 git 忽略 .e...

gotham 2019-08-23 15:13 評論0 收藏0
Vue 項目分環境打包

摘要：我們開發項目的時候，用版本新建的項目，只有兩種開發環境有時需要個環境來給測試使用，所以找了很多方法，總結了個最簡單的方法來給大家使用在下面添加一個運行命令在中修改代碼讀取系統運行時候的變量控制臺日志輸出判斷環境變量，是，還是此處替換為測 ? ?我們開發項目的時候，用vue-cli 2.x版本新建的項目，只有dev, pro兩種開發環境, 有時需要個test環境來給測試使用，所以找了很多...

Godtoy 2019-08-23 10:37 評論0 收藏0
Vue 項目分環境打包

摘要：我們開發項目的時候，用版本新建的項目，只有兩種開發環境有時需要個環境來給測試使用，所以找了很多方法，總結了個最簡單的方法來給大家使用在下面添加一個運行命令在中修改代碼讀取系統運行時候的變量控制臺日志輸出判斷環境變量，是，還是此處替換為測 ? ?我們開發項目的時候，用vue-cli 2.x版本新建的項目，只有dev, pro兩種開發環境, 有時需要個test環境來給測試使用，所以找了很多...

AlienZHOU 2019-08-02 11:07 評論0 收藏0
vue實現分環境打包步驟（給不同的環境配置相對應的打包命令）

在新建好的項目中，一般執行npm run build就是打包了，但此時只能打包到一個環境，不同環境需要配置不同的地址，可以手動更改接口的地址，也可以自行配置命令而不需要每次打包進行地址切換，步驟如下：文件結構如下圖： showImg(https://segmentfault.com/img/bVbtsAE?w=255&h=536); 1）在config文件內新建test.env.js文件： u...

idealcn 2019-08-23 17:56 評論0 收藏0