webpack配置生產 開發 測試環境及使用

最近做專案的時要區分各種環境的請求位址，基於vue-cli 3.x使用webpack模板建立的專案，所以沒有build資料夾。想配置三個環境下的請求路徑。

1、根目錄下新建三個檔案.env.development、.env.test、.env.production檔案（複製這三個檔名）

2、分別寫入如下**：

.env.development：

node_env

='development'
='development'
=''

node_env

='production'
='test'
=''outputdir = test

node_env

='production'
='production'
=''

我又在根目錄下新建了乙個baseurl.js檔案，單獨輸出請求網域名稱（因為請求的網域名稱之後還會有請求引數，需要自己拼接），**如下：

let baseurl =

''switch
(process.env.
)export
default baseurl

新建api.js資料夾，裡面新建需要請求的api，例如我的searchfee.js:

import baseurl from

"../baseurl"
;const fullurl = baseurl +
"/api/v2/payment/info"
;export
default
function
getfee()
).then
((res)
=>),
}

import getfee from

'./api/searchfee.js'
getfee.
then
((res)
=>
)

webpack生產環境和開發環境的配置

最近在做公司遊戲預約頁面的時候，在配置webpack的時候，忽略了生產模式切換，導致開發過程中有些痛苦，當改動樣式或者某個外掛程式配置時，本地server要等待編譯很久才生效。用了很久的webpack做開發，之前一直沒太在意，現在特地整理下，也為以後做專案更加規範吧。在配置前，還是先了解下生產環境和...

webpack實現開發 測試 生產等環境的打包切換

使用webpack構建的工程，在開發過程中不同環境的配置不同，在各種環境的打包切換過程中需要手動修改相關配置達到預期目的。但是每次都手動修改會比較麻煩，本文簡單介紹如何通過對webpack進行配置，實現不同環境打包分類配置 1.修改build資料夾下build.js檔案 新增宣告變數 修改前 修改後...

webpack實現開發 測試 生產等環境的打包切換

使用webpack構建的工程，在開發過程中不同環境的配置不同，在各種環境的打包切換過程中需要手動修改相關配置達到預期目的。但是每次都手動修改會比較麻煩，本文簡單介紹如何通過對webpack進行配置，實現不同環境打包分類配置 1.修改build資料夾下build.js檔案 新增宣告變數 修改前 修改後...