vue cli 3 0 分多環境打包配置

2022-07-02 01:48:10 字數 1278 閱讀 8250

分環境來打包:

沒有這三個檔案的在根目錄自己建立就可以

看看每個env檔案中寫的東西

node_env = '

dev'

dev'

node_env = '

test

'web1

'

node_env = 'pro

'web2

'

我們在上方的env裡寫的**是幹嘛用的呢,

你在指令中 使用

補充:注意 vue.config.js 中,根據不同環境調整發布目錄,否則會引起一系列問題

可以在 vue.config.js 的

module.exports =  加入一行**,打包後輸出不同環境的資料夾: 『dest-dev』 / 'dist-web1' / 'dist-web2'

不同環境輸出不同打包目錄

vue cli 3 0環境安裝

2 cmd中使用命令安裝 nvm install 12.2.0 nvm list nvm use 12.2.0 3 在此時有可能會出現node安裝完畢然而npm安裝失敗的情況,此時修改nvm安裝目錄下的settings.txt檔案,在末尾新增兩行 node mirror npm mirror 4 安...

vue cli3 0 打包並在本地檢視

根據以下命令對專案進行打包 npm run build命令執行完出現 done build complete.the dist directory is ready to be deployed.info check out deployment instructions at 看了一下,build...

Vue cli3 0打包部署到Nginx

vue cli3.0相比於vue cli2.0,僅從根目錄來看,最大的區別就是vue cli3.0少了build和config資料夾,前者用於專案構建 webpack 相關 後者用於專案開發環境配置。取而代之的是vue.config.js這個檔案,看起來目錄簡潔不少。圖1 vue cli3.0根目錄...