vite打包內部採用的是rollup完成的應用打包，因為vite高度依賴es modules特性所以只支援現代瀏覽器，拋棄ie市場，如果你需要相容ie需要另做處理，詳情可以參考這裡。
你只需要在終端執行npm run build打包過程輕鬆又愉快，先不要高興的太早，這時候如果你開啟 dist 檔案下的打包檔案會發現頁面顯示不出來，一拍腦門想起來在 vue.config.js 裡面配置一下publicpath: './'，不過當你做完這一切之後發現並沒有解決問題，why？在這裡先不要慌，只需要繼續向下看。
解決辦法：
這是因為 vue 打包後的路徑預設是根路徑，而在 vite 裡面的配置檔案是 vite.config.js，所以同理，你只需要在配置裡寫上base: './'即可輕鬆解決。
vue修改打包後靜態資源路徑
使用vue cli生成的專案，打包方式是直接執行package.json裡配置的指令碼 npm run build 這步其實是去執行build下的build.js指令碼檔案 node build build.js 複製 如果發布到伺服器資源，該靜態資源的路徑都是預設在根路徑下，大多數情況下是不符合期...
Vue cli打包將所有資源改為相對路徑
今天遇到乙個為題，說要將vue cli打包好的檔案隨便放 都能執行？一臉矇逼。問了一下度娘，有了思路，因為vue cli打包後原來請求的都是絕對路徑，並且所有資源除了請求都已經寫好了，都是靜態資源，那麼只需將打包時的絕對路徑改為相對路徑即可。在vue cli3.0後，需新增vue.config.js...
vue打包靜態資源路徑不正確的解決方案
vue打包靜態資源路徑不正確的解決辦法 vue專案完成打包上線的時候很多人都會碰到靜態資源找不到的問題，常見的有兩個 1 js，css路徑不對 解決辦法 開啟config index.js，將其中的assetspublicpath值改為 2 css中引用的資源找不到 我的login.vue檔案中通過...