vue cli3 實現(xiàn)分環(huán)境打包的步驟
更新時間：2021年03月12日 11:22:33 作者：水帥杰
這篇文章主要介紹了vue cli3 實現(xiàn)分環(huán)境打包的步驟，本文通過圖文并茂的形式給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
用cli3搭建的vue項目號稱零配置文件，為了方便打包（不用手動來回改不同環(huán)境進行打包）那么我們在需要打包的時候分不同環(huán)境打包怎么辦呢
1.在根目錄下創(chuàng)建三個配置文件，如下圖
這里我創(chuàng)建了三個，這三個分別是我的 本地；離線；線上環(huán)境 ，三個文件的內(nèi)容依次為下VUE_APP_TITLE要對應(yīng)當(dāng)前文件后綴，build 對應(yīng)的production
NODE_ENV = 'production' VUE_APP_TITLE = 'alpha' ==================================================================== NODE_ENV = 'production' VUE_APP_TITLE = 'production' ==================================================================== NODE_ENV = 'production' VUE_APP_TITLE = 'online'
2.package.json配置對應(yīng)環(huán)境打包名稱，如圖所示：
3.如圖所示
4.在接口攔截文件，如圖所示：
5.配置完以后三個環(huán)境打打包方式分別如下：
app打包離線環(huán)境：npm run alpha
app打包本地環(huán)境：npm run build
app打包正式環(huán)境：npm run online
到此這篇關(guān)于vue cli3 實現(xiàn)分環(huán)境打包的步驟的文章就介紹到這了,更多相關(guān)vue cli3 分環(huán)境打包內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
基于Vue3和Element Plus實現(xiàn)可擴展的表格組件
在開發(fā)過程中,我們經(jīng)常需要創(chuàng)建具有復(fù)雜功能的表格組件,本文將介紹如何使用 Vue 3 和 Element Plus 庫來構(gòu)建一個可擴展的表格組件,文中有詳細的代碼示例供大家參考,需要的朋友可以參考下2024-07-07
vue+Element實現(xiàn)搜索關(guān)鍵字高亮功能
這篇文章主要為大家詳細介紹了vue+Element實現(xiàn)搜索關(guān)鍵字高亮功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
本篇文章主要介紹了用vuex寫了一個購物車H5頁面的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
本文是作者通過實際項目的優(yōu)化實踐進行總結(jié)而來，希望讀者讀完本文，有一定的啟發(fā)思考，從而對自己的項目進行優(yōu)化起到幫助2022-08-08
這篇文章主要介紹了Vue命令式組件的編寫與應(yīng)用小結(jié),在這篇文章中,我會帶你了解命令式組件的基本概念,并通過一些簡單的示例來展示它們是如何工作的,需要的朋友可以參考下2024-03-03
本文給大家分享vue自定義組件的四種方式，通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友參考下吧2020-02-02
vue-router中hash模式與history模式的區(qū)別
為了構(gòu)建 SPA（單頁面應(yīng)用）,需要引入前端路由系統(tǒng),這就是 Vue-Router 存在的意義,而這篇文章主要給大家介紹了關(guān)于vue-router中兩種模式區(qū)別的相關(guān)資料，分別是hash模式、history模式,需要的朋友可以參考下2021-06-06
Vue重要修飾符.sync對比v-model的區(qū)別及使用詳解
這篇文章主要為大家介紹了Vue中重要修飾符.sync與v-model的區(qū)別對比及使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
詳解vue 模擬后臺數(shù)據(jù)（加載本地json文件）調(diào)試
本篇文章主要介紹了詳解vue 模擬后臺數(shù)據(jù)（加載本地json文件）調(diào)試，具有一定的參考價值，有興趣的可以了解一下2017-08-08
vite官方文檔中有關(guān)于多頁面應(yīng)用模式如果配置的說明,下面這篇文章主要給大家介紹了關(guān)于vite多頁面配置的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-04-04