用cli3搭建的vue項(xiàng)目號(hào)稱零配置文件，為了方便打包（不用手動(dòng)來(lái)回改不同環(huán)境進(jìn)行打包）那么我們?cè)谛枰虬臅r(shí)候分不同環(huán)境打包怎么辦呢1.在根目錄下創(chuàng)建三個(gè)配置文件，如下圖

這里我創(chuàng)建了三個(gè)，這三個(gè)分別是我的 本地；離線；線上環(huán)境 ，三個(gè)文件的內(nèi)容依次為下VUE_APP_TITLE要對(duì)應(yīng)當(dāng)前文件后綴，build 對(duì)應(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配置對(duì)應(yīng)環(huán)境打包名稱，如圖所示：

3.如圖所示

4.在接口攔截文件，如圖所示：

5.配置完以后三個(gè)環(huán)境打打包方式分別如下：app打包離線環(huán)境：npm run alphaapp打包本地環(huán)境：npm run buildapp打包正式環(huán)境：npm run online

到此這篇關(guān)于vue cli3 實(shí)現(xiàn)分環(huán)境打包的步驟的文章就介紹到這了,更多相關(guān)vue cli3 分環(huán)境打包內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)！