VUE 編譯打包

一.執行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')

修改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目錄開...