Vue打包過程

2021-09-22 05:40:02 字數 533 閱讀 1527

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啟動生產環境服務 在路由中使用...