VUE 編譯打包

2021-09-16 14:17:47 字數 2186 閱讀 3175

一.執行npm run build   ,會生成乙個dist目錄

manifest.js     維護靜態資源的清單

vendor.js       node  modules生成的 

二.可以自己寫乙個測試的node服務   prod.server.js

})三.執行node  prod.server.js啟動生產環境服務

在路由中使用"路由懶載入"

const recommend = () => import('components/recommend/recommend')

const singer = () => import('components/singer/singer')

const rank = () => import('components/rank/rank')

const search = () => import('components/search/search')

const singerdetail = () => import('components/singer-detail/singer-detail')

const disc = () => import('components/disc/disc')

const toplist = () => import('components/top-list/top-list')

const usercenter = () => import('components/user-center/user-center')

五.對vuejs和vuex   vue-router公升級

修改pakeage.json檔案中對應的版本號

注意dependencies中vue-template-compiler的版本號和vue版本號相同,不然編譯會報錯

vue 專案打包

作為乙個前端之前並沒有打包過專案,因此想一下打包的效果,記錄一下我的打包過程 作為乙個開端 首先,專案打包前的目錄結構 然後,執行命令列 npm run build 因為是第一次打包,不熟悉打包的過程,與檔案的變更,首先看了一下檔案的結構,發現沒有compenent與views中檔案的生成目錄。是沒...

vue專案打包

首先開啟config index.js,將assetspublicpath值改為 注意是build的一對花括號裡 assetspublicpath 這個在你的build的一對花括號裡,用來解決js,css路徑問題 然後開啟 build utils.js 加上publicpath 如下 return ...

Vue打包過程

vue過程控制系統打包過程 react大同小異,只不過生成的是build檔案 1.修改網路介面位址 發布版 2.npm run build生成dist檔案 3.在dist檔案目錄下 1 重新命名index.html為gckz.html 2 重新命名static資料夾為gckz 3 進入gckz目錄開...