vue過程控制系統打包過程(react大同小異,只不過生成的是build檔案)
1.修改網路介面位址(發布版)
2.npm run build生成dist檔案
3.在dist檔案目錄下
1>重新命名index.html為gckz.html
2>重新命名static資料夾為gckz
3>進入gckz目錄開啟css和js資料夾,刪除字尾是map的檔案,(可以理解為刪除快取)
4>開啟gckz.html修改路徑
(1).把css,js**的引入路徑的./static重新命名為./gckz
(2)開啟css目錄下的css檔案,在**裡找到font(字型)的把路徑/static重新命名為./gckz
* 注意: ./ 是相對與當前檔案的路徑; /是相對與網域名稱的路徑
4.把gckz.html和gckz資料夾放到網域名稱根目錄徑下
5.開啟瀏覽器,訪問url,然後檢視network裡面js和css和字型檔案是否成功載入.(沒有報紅色證明成功了)
vue 專案打包
作為乙個前端之前並沒有打包過專案,因此想一下打包的效果,記錄一下我的打包過程 作為乙個開端 首先,專案打包前的目錄結構 然後,執行命令列 npm run build 因為是第一次打包,不熟悉打包的過程,與檔案的變更,首先看了一下檔案的結構,發現沒有compenent與views中檔案的生成目錄。是沒...
vue專案打包
首先開啟config index.js,將assetspublicpath值改為 注意是build的一對花括號裡 assetspublicpath 這個在你的build的一對花括號裡,用來解決js,css路徑問題 然後開啟 build utils.js 加上publicpath 如下 return ...
VUE 編譯打包
一.執行npm run build 會生成乙個dist目錄 manifest.js 維護靜態資源的清單 vendor.js node modules生成的 二.可以自己寫乙個測試的node服務 prod.server.js 三.執行node prod.server.js啟動生產環境服務 在路由中使用...