這篇文章主要介紹了vue-cli項(xiàng)目如何根據(jù)線(xiàn)上環(huán)境分別打出測(cè)試包和生產(chǎn)包，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
我們提供的服務(wù)有：成都做網(wǎng)站、網(wǎng)站建設(shè)、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、祁門(mén)ssl等。為1000多家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢(xún)和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的祁門(mén)網(wǎng)站制作公司
最近用vue-cli搭建了項(xiàng)目，準(zhǔn)備上線(xià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中查看是否打包成功。
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“vue-cli項(xiàng)目如何根據(jù)線(xiàn)上環(huán)境分別打出測(cè)試包和生產(chǎn)包”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!
