vue-cli項(xiàng)目根據(jù)線上環(huán)境分別打出測(cè)試包和生產(chǎn)包
最近用vue-cli搭建了項(xiàng)目，準(zhǔn)備上線時(shí)發(fā)現(xiàn)腳手架自帶的npm run buil只能打出請(qǐng)求生產(chǎn)接口的生產(chǎn)包，但是項(xiàng)目肯定要先上測(cè)試環(huán)境，怎么用命令行打出請(qǐng)求測(cè)試接口的測(cè)試包呢？
Step1: package.json中新增命令行腳本test命令,并指向build文件夾下的test.js。
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"build": "node build/build.js",
"test": "node build/test.js"
},
Step2. 在build文件夾中新建test.js,內(nèi)容可以直接拷貝同目錄build.js內(nèi)容,修改一些參數(shù)。
這樣就多了一個(gè)test環(huán)境。
Step3. 在build文件夾中新建webpack.test.conf.js,內(nèi)容可以直接拷貝同目錄webpack.prod.conf.js內(nèi)容,修改一些參數(shù)。
這樣構(gòu)建時(shí)就會(huì)去config文件夾下的test.env.js尋找環(huán)境變量。
Step4.在config文件夾中新建test.env.js,內(nèi)容可以直接拷貝同目錄prod.env.js內(nèi)容,修改一些參數(shù)。
這樣在npm run test 就能打出請(qǐng)求測(cè)試接口的測(cè)試包了。
可以在dist-->js-->app.js中查看是否打包成功。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
- vue axios 給生產(chǎn)環(huán)境和發(fā)布環(huán)境配置不同的接口地址(推薦)
- vue-cli開(kāi)發(fā)環(huán)境實(shí)現(xiàn)跨域請(qǐng)求的方法
- 新版vue-cli模板下本地開(kāi)發(fā)環(huán)境使用node服務(wù)器跨域的方法
- Vue項(xiàng)目分環(huán)境打包的實(shí)現(xiàn)步驟
- vue中Npm run build 根據(jù)環(huán)境傳遞參數(shù)方法來(lái)打包不同域名
- webpack vue項(xiàng)目開(kāi)發(fā)環(huán)境局域網(wǎng)訪問(wèn)方法
- vue環(huán)境搭建簡(jiǎn)單教程
- vue+node+webpack環(huán)境搭建教程
- 基于Vue生產(chǎn)環(huán)境部署詳解
- 詳解vue-cli本地環(huán)境API代理設(shè)置和解決跨域
- Vue2.0 從零開(kāi)始_環(huán)境搭建操作步驟
- vue2單元測(cè)試環(huán)境搭建
相關(guān)文章
這篇文章主要介紹了在VUE style中使用data中的變量的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
vue實(shí)現(xiàn)兩列水平時(shí)間軸的示例代碼
本文主要介紹了vue實(shí)現(xiàn)兩列水平時(shí)間軸的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
mpvue性能優(yōu)化實(shí)戰(zhàn)技巧(小結(jié))
這篇文章主要介紹了mpvue性能優(yōu)化實(shí)戰(zhàn)技巧(小結(jié))，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
使用vue制作FullPage頁(yè)面滾動(dòng)效果
本篇文章主要介紹了使用vue制作FullPage頁(yè)面滾動(dòng)效果，詳細(xì)的介紹了FullPage頁(yè)面的思路和實(shí)現(xiàn)，有興趣的可以了解一下2017-08-08
這篇文章主要給大家介紹了關(guān)于VUE中watch的詳細(xì)使用教程,watch是vue實(shí)例的一個(gè)屬性,主要用來(lái)監(jiān)聽(tīng)數(shù)據(jù)的變化,并做出一些操作,需要的朋友可以參考下2023-08-08
Vue2中pinia刷新后數(shù)據(jù)丟失的問(wèn)題解決
Pinia是一個(gè)Vue.js狀態(tài)管理庫(kù)，如果你在組件中修改了store中的數(shù)據(jù)并刷新了界面，Pinia會(huì)將store中的數(shù)據(jù)重置為初始值，從而導(dǎo)致數(shù)據(jù)丟失的問(wèn)題，本文就來(lái)介紹一下問(wèn)題解決，感興趣的可以了解一下2023-12-12
Vue在原窗口與新窗口打開(kāi)外部鏈接的實(shí)現(xiàn)代碼
這篇文章主要介紹了Vue如何在原窗口與新窗口打開(kāi)外部鏈接,文中給大家提到了vue跳轉(zhuǎn)外部鏈接的實(shí)現(xiàn)代碼，本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-02-02
詳解關(guān)于Vue2.0路由開(kāi)啟keep-alive時(shí)需要注意的地方
這篇文章主要介紹了關(guān)于Vue2.0路由開(kāi)啟keep-alive時(shí)需要注意的地方,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
這篇文章主要為大家介紹了Vue配置環(huán)境變量，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-01-01
這篇文章主要介紹了Vue加載json文件的方法,結(jié)合實(shí)例形式分析了vue.js針對(duì)json文件的加載及數(shù)據(jù)讀取等相關(guān)操作技巧,需要的朋友可以參考下2019-01-01