vue專案的打包上線

2021-09-03 01:57:05 字數 377 閱讀 3132

開啟專案目錄,執行:

npm run build

專案執行後,會生成乙個dist目錄,這個目錄就是上線的內容,將這個檔案給後台,放到伺服器上即可

1.後台的根目錄下直接放即可

2.如果放在後台的乙個資料夾下,例如放在後台的project檔案下,配置如下:

config--index.js檔案裡面找到build

build下面的「assetspublicpath」:'/'替換成「assetspublicpath」:'/project'

打包的專案執行在project目錄下

然後重新打包:npm run build

重新生成dist目錄,放置在後台

基於Vue專案打包上線配置

開發階段 注釋掉 讓 後面的log 可以使用 發布階段 釋放注釋 log重寫 後面的log 都不會 列印npm i live server g為什麼要進行懶載入 效能優化 首屏載入速度 router index.js import home from pages home.vue home就是首屏 ...

webpack vue 專案打包上線

去除console.log命令 生成打包報告 修改打包入口 如果要修改webpack 的相關命令,那麼我們需要新建乙個檔案 vue.config.js 然後首先匯出配置物件,在匯出的配置物件裡面寫東西哦 然後在configurewebpack 或者 chainwebpack 來修改webpack配置...

vue專案筆記(31) 專案打包上線

1 在專案終端中執行以下命令 npm run build2 此後,專案會增加dist資料夾,該目錄 就是最終要上線的 3 複製dist資料夾,交於後台開發人員,將 放到後端的伺服器上。4 放置在後端的根目錄下,也可以放置在指定的目錄下。如果要放置在指定的目錄下,我們需要在前端的config inde...