Vue 項目分環境打包

   咱們開發項目的時候,用vue-cli 2.x版本新建的項目,只有dev, pro兩種開發環境, 有時須要個test環境來給測試使用,因此找了不少方法,總結了個最簡單的方法來給你們使用vue

  1. package.jsonnode

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

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

    image.png

  2. prod.env.js

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

'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.測試環境:json

$ npm run test
正式環境: 
```
$ npm run build
```
相關文章
相關標籤/搜索