首頁 > web前端 > js教程 > 主體

Vue專案分環境打包的方法總結

不言
發布: 2018-08-02 11:48:42
原創
1459 人瀏覽過

這篇文章跟大家介紹的內容是關於Vue專案分環境打包的方法總結,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

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

1、package.json

#在build下面加入一個test執行指令

Vue專案分環境打包的方法總結

#2、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
"
登入後複製
###相關文章推薦:#########v-model實作原理是什麼? v-model的使用方法介紹(附程式碼)#########vue中的事件阻止冒泡的用法詳解##########

以上是Vue專案分環境打包的方法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!