Vue 項(xiàng)目分環(huán)境打包的方法示例
更新時(shí)間：2018年08月03日 08:31:42 作者：碼路芽子
這篇文章主要介紹了Vue 項(xiàng)目分環(huán)境打包的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
我們開發(fā)項(xiàng)目的時(shí)候，用vue-cli 2.x版本新建的項(xiàng)目，只有dev, pro兩種開發(fā)環(huán)境, 有時(shí)需要個(gè)test環(huán)境來給測試使用，所以找了很多方法，總結(jié)了個(gè)最簡單的方法來給大家使用
1、package.json
在build下面添加一個(gè)test運(yùn)行命令
"test": "node build/build.js"
2、prod.env.js
在config -> prod.env.js 中修改代碼
'use strict'
// 讀取系統(tǒng)運(yùn)行時(shí)候的變量
const target = process.env.npm_lifecycle_event;
// 控制臺日志輸出
console.log('env is deploying, current env is', target)
// 判斷環(huán)境變量，是test，還是build
if (target == 'test') {
var obj = {
NODE_ENV: '"production"',
API_ROOT: '"此處替換為測試環(huán)境地址"',
}
} else {
var obj = {
NODE_ENV: '"production"',
API_ROOT: '"此處替換為測試環(huán)境地址"',
}
}
module.exports = obj;
3.測試環(huán)境：
$ npm run test
正式環(huán)境:
``` $ npm run build ```
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
最近項(xiàng)目中多次用到了Popover彈出框,下面這篇文章主要給大家介紹了關(guān)于el-popover如何通過js手動控制彈出框顯示、隱藏的相關(guān)資料,需要的朋友可以參考下2023-12-12
Vue常用傳值方式、父傳子、子傳父及非父子實(shí)例分析
這篇文章主要介紹了Vue常用傳值方式、父傳子、子傳父及非父子,結(jié)合實(shí)例形式分析了vue.js常見的傳值方式及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2020-02-02
這篇文章主要介紹了vue不同方法跳轉(zhuǎn)頁面，本文給大家分享多種方法，通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03
這篇文章主要介紹了Vue使用el-dialog關(guān)閉后重置表單方式,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-02-02
提起幫助文檔，想必大家都會想到?VuePress等。但是VuePress是“靜態(tài)網(wǎng)站生成器”，需要我們自行編寫文檔，然后交給VuePress變成網(wǎng)站。因此，本文將用vite2+Vue3編寫一個(gè)在線幫助文檔工具，需要的可以參考一下2022-03-03
vue中如何實(shí)現(xiàn)后臺管理系統(tǒng)的權(quán)限控制的方法示例
這篇文章主要介紹了vue中如何實(shí)現(xiàn)后臺管理系統(tǒng)的權(quán)限控制的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09
關(guān)于vue-treeselect綁值、回顯等常見問題的總結(jié)
這篇文章主要介紹了關(guān)于vue-treeselect綁值、回顯等常見問題的總結(jié)，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
在本篇文章里小編給各位分享的是關(guān)于Vue發(fā)布項(xiàng)目的實(shí)例內(nèi)容以及知識點(diǎn)講解，需要的朋友們參考下。2019-07-07
vue+Element-ui實(shí)現(xiàn)登錄注冊表單
這篇文章主要為大家詳細(xì)介紹了vue+Element-ui實(shí)現(xiàn)登錄注冊表單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
vue2前端調(diào)用WebSocket有消息進(jìn)行通知代碼示例
在Vue項(xiàng)目中實(shí)現(xiàn)全局的消息鏈接監(jiān)聽主要涉及到了WebSocket技術(shù),這是一種雙向通信協(xié)議,允許客戶端與服務(wù)器之間實(shí)時(shí)、高效地交換數(shù)據(jù),這篇文章主要給大家介紹了關(guān)于vue2前端調(diào)用WebSocket有消息進(jìn)行通知的相關(guān)資料,需要的朋友可以參考下2024-07-07