成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue-cli項目根據(jù)線上環(huán)境打出測試包和生產(chǎn)包

JellyBool / 600人閱讀

摘要：最近用搭建了項目，準(zhǔn)備上線時發(fā)現(xiàn)腳手架自帶的只能打出請求生產(chǎn)接口的生產(chǎn)包，但是項目肯定要先上測試環(huán)境，怎么用命令行打出請求測試接口的測試包呢中新增命令行腳本命令并指向文件夾下的?？梢栽谥胁榭词欠翊虬晒?。

最近用vue-cli搭建了項目，準(zhǔn)備上線時發(fā)現(xiàn)腳手架自帶的npm run buil只能打出請求生產(chǎn)接口的生產(chǎn)包，但是項目肯定要先上測試環(huán)境，怎么用命令行打出請求測試接口的測試包呢？

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ù)。

這樣就多了一個test環(huán)境。

Step3. 在build文件夾中新建webpack.test.conf.js,內(nèi)容可以直接拷貝同目錄webpack.prod.conf.js內(nèi)容,修改一些參數(shù)。

這樣構(gòu)建時就會去config文件夾下的test.env.js尋找環(huán)境變量。

Step4.在config文件夾中新建test.env.js,內(nèi)容可以直接拷貝同目錄prod.env.js內(nèi)容,修改一些參數(shù)。

這樣在npm run test 就能打出請求測試接口的測試包了。

可以在dist-->js-->app.js中查看是否打包成功。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/113342.html

相關(guān)文章

  • vue-cli項目根據(jù)線上環(huán)境打出測試包和生產(chǎn)包

    摘要：最近用搭建了項目，準(zhǔn)備上線時發(fā)現(xiàn)腳手架自帶的只能打出請求生產(chǎn)接口的生產(chǎn)包，但是項目肯定要先上測試環(huán)境，怎么用命令行打出請求測試接口的測試包呢中新增命令行腳本命令并指向文件夾下的?？梢栽谥胁榭词欠翊虬晒Α? 最近用vue-cli搭建了項目，準(zhǔn)備上線時發(fā)現(xiàn)腳手架自帶的npm run buil只能打出請求生產(chǎn)接口的生產(chǎn)包，但是項目肯定要先上測試環(huán)境，怎么用命令行打出請求測試接口的測試包呢？ ...

    bergwhite 評論0 收藏0

  • vue-cli項目根據(jù)線上環(huán)境打出測試包和生產(chǎn)包

    摘要：最近用搭建了項目，準(zhǔn)備上線時發(fā)現(xiàn)腳手架自帶的只能打出請求生產(chǎn)接口的生產(chǎn)包，但是項目肯定要先上測試環(huán)境，怎么用命令行打出請求測試接口的測試包呢中新增命令行腳本命令并指向文件夾下的。可以在中查看是否打包成功。 最近用vue-cli搭建了項目，準(zhǔn)備上線時發(fā)現(xiàn)腳手架自帶的npm run buil只能打出請求生產(chǎn)接口的生產(chǎn)包，但是項目肯定要先上測試環(huán)境，怎么用命令行打出請求測試接口的測試包呢？ ...

    fnngj 評論0 收藏0

  • vue-cli3 配置開發(fā)-測試環(huán)境

    摘要：實現(xiàn)輸入一行命令，執(zhí)行兩條指令，分別打包線上生產(chǎn)環(huán)境和線上測試環(huán)境的代碼。這樣配置好之后，只要執(zhí)行，它會自動先執(zhí)行正式環(huán)境構(gòu)建打包，完成之后再自動執(zhí)行測試環(huán)境的構(gòu)建打包，是方便接著再配置自動壓縮，這里就需要使用到一個的插件。 需求 首先介紹一下本項目的背景，是基于 vue-cli3.1.1 的單頁應(yīng)用，目前測試環(huán)境和生產(chǎn)環(huán)境都在線上，并且都在同一個域名下，其中生產(chǎn)環(huán)境部署在根目錄下，測...

    Scott 評論0 收藏0

  • 前端性能優(yōu)化與上線

    摘要：看下狀態(tài)可以看到我已經(jīng)有一些鏡像了我已經(jīng)刪除了拉鏡像正常即可，中間那段是中國鏡像源，我們成功下來了的鏡像。攻破像我這樣屌絲的服務(wù)器一般都買的，大的資源文件不住，一個動輒的文件這很蛋疼，不上很難受。 4000字長文，多圖預(yù)警?。。×髁可魅耄?！ 性能優(yōu)化 - 屌絲前端性能優(yōu)化、上線一條龍 大家好我又來了，本章給大家?guī)淼膬?nèi)容是：上線和上線后的性能優(yōu)化 項目地址 實戰(zhàn)預(yù)覽地址 實戰(zhàn)項目地址...

    wupengyu 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<