Vue Cli 4版本執行環境配置

2021-10-02 15:15:26 字數 434 閱讀 3457

vue-cli自3.x以上版本取消了config目錄,我們沒法直接在config目錄下的檔案中對執行環境進行配置,因此需要開發者手動完成配置。

在專案的根目錄新建vue.config.js檔案,並在該檔案中配置相應的啟動項。

// vue.config.js

module.exports =}}

}};

配置並儲存vue.config.js檔案後,

在專案根目錄執行npm run devnpm run serve

具體啟動命令請根據vue-cli版本和配置項輸入,上面兩條命令僅供參考。

關於vue.config.js檔案中的更多配置項,

可參考vue-cli官方文件中的「配置參考」:

安裝vue cli4版本

首先,檢視安裝環境,按住鍵盤win r,輸入cmd,進入到命令列介面,1.安裝node.js 如果有安裝過,輸入node v 檢視安裝版本 如果沒有,先安裝node.js 2.安裝nmp npm是node.js的包管理器,用於node外掛程式管理 如果安裝過,可以先檢視nmp版本 輸入nmp v 如...

vue cli4 環境配置

在專案中建立 env.development 檔案 npm run serve 預設指本檔案 建立.env.productionenv檔案 cnpm run build 預設此檔案 env.development 檔案 node env development 開發模式執行環境 env.produc...

vue cli4配置動態位址

有些資源位址 vue打包之後如果修改需要重新打包,這就很煩,有很多 vue cli2 的參考文件,剛好配置出了 vue cli4 在這裡記錄一下 安裝 generate asset webpack plugin yarn add generate asset webpack pluginvue.co...