webpack vue cli2 配置打包測試環境

2022-04-07 01:59:53 字數 1755 閱讀 4520

目前vue-cli2上原配置是只有開發環境dev和線上環境prod的配置,但是我們實際場景上還有很多需要乙個測試環境test,下面就是對測試環境的配置,將測試環境和線上環境的打包**分開就不需要切來切去了

1. 複製乙份build/build.js檔案命名為build/build-test.js 修改這三處地方

2. 複製乙份build/webpack.prod.conf.js檔案命名為build/webpack.test.conf.js 修改這三處地方

3. 複製乙份config/prod.env.js檔案命名為config/test.env.js

test.env.js

'

use strict

'const merge = require('

webpack-merge')

const devenv = require('

./dev.env')

module.exports =merge(devenv, )

3.1在dev 和 prod 配置檔案也分別加上 base_url

dev.env.js

'

use strict

'const merge = require('

webpack-merge')

const prodenv = require('

./prod.env')

module.exports =merge(prodenv, )

prod.env.js

'

use strict

'module.exports =

4.在package.json檔案裡新增一條 npm run test 的啟動項

執行npm run test可以看到test的**已構建到dist-test目錄下

5.可以在封裝axios的時候帶上process.env.base_url

import axios from

'axios

'const axios =axios.create(

})export

default axios;

參考:

此處還需要注意兩點:

1、三個檔案prod.env.js,dev.env.js,test.env.js中的base_url也要加上雙引號,因為是node環境的變數

'

use strict

'module.exports =

2、當執行test命令打包時,會出現頁面資源js和css是引入的絕對路徑,載入失敗的情形,此時需要修改webpack.base.conf.js檔案中的publicpath選項

使test打包的路徑和build的保持一致

ubuntu配網講解2

我配置虛擬ip位址的目的是為了實現高可用性,那是後話,先看看ubuntu12.04下如何設定虛擬ip位址。首先看一下我的ubuntu的ip plain chenshu sloop2 ifconfig eth0 link encap ethernet hwaddr d0 67 e5 ef 5a 6e ...

struts2 convention外掛程式配置說明

struts2開發了convention外掛程式來支援零配置檔案的功能,以下是struts2 convention中的配置屬性說明 1 常量說明 struts.convention.result.path web inf content 結果頁面存放的根路徑,必須以 開頭。struts.conven...

MOQ TIP2 匹配引數

在moq中,it用於新增引數約定,它有以下幾個方法 is 匹配確定的給定型別 isany 匹配給定的任何值 isinrange 匹配給定型別的範圍 isregex 正則匹配 還是以上文中的例子 public abstract class counterbase 測試 mockmock new moc...