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

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')

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

module.exports =

新增一條命令，執行我們上文建立的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...