Vue 2x 專案配置開發 測試 正式環境

2021-09-23 20:21:14 字數 799 閱讀 2572

vue cli 2.x構建的專案只有npm run dev和npm run build兩條開發和編譯的命令。而要新增測試環境,我們可以擴充套件一條npm run test的命令輸出測試環境下執行的**。

1.在build資料夾中建立test.js檔案

test.js中的**很簡單,就兩行。主要就是配置乙個環境變數用以區別測試和正式環境。這裡沒有直接修改原有的process.env.node_env是擔心會影響到原本的邏輯。

注意:type的值必須單雙引號兩層巢狀,不能直接為』test』,否則會報錯,具體**如下:

// 配置環境變數 type 為 test

process.env.type = '"test"'

// 引入build.js檔案,執行原先的編譯**

require('./build')

2.修改config資料夾中的prod.env.js檔案

配置好後就可以在專案**中呼叫process.env.type了,**如下

module.exports =
3.在package.json檔案中新增npm run test命令

新增一條命令,執行我們上文建立的test.js檔案

"scripts": ,
最後一步

let baseurl

// 開發環境

if (process.env.node_env === 'development') else else

}

vue3建立vue2 x專案

因為一些原因更新了node,再次安裝vue時,莫名的就vue3了。好吧,但是以前的專案還是vue2的,所以順便嘗試了下vue3建立vue2專案。首先是建立,以前是使用vue init建立,現在是vue create,然後在建立時,可以選擇2還是3 如果選擇3還有一些其它選項 比如是否安裝vue ro...

Vue2 x 快速入門例項專案

本專案是在使用vue cli生成的腳手架程式基礎上,綜合運用vue的各項特性開發的乙個快速入門例項專案。install vue cli npm install g vue cli init project vue init webpack my project entry into the file...

Vue2 x 專案踩坑筆記

給檔案設定路徑別名,方便在元件內引入檔案,不必寫太長的路徑名稱。全域性引入scss檔案,不必在單個元件內再次引入,可以直接使用。例如 全域性變數 px2rem函式等檔案 const path require path function resolve dir module.exports chain...