vue專案打包數百M解決

專案打包之後500多m,每次打包/部署伺服器都崩,分析之後,發現是引用不規範導致的,一些經常用到的元件,當時的開發人員沒有全域性引入,而是各個vue/js中引入的…

這個專案之前就關了…依然這麼大(關閉map專案可以減少3/5,也就是說,沒關map會超過1g…)

由於只是全域性引入一下,其他地方的**沒變,也就不會有相容問題

這個方法讓我的專案從562m減少到了正常的61m(其中有20m是,js資料夾33.9m);之後可以引入cdn繼續優化專案

使用webpack-bundle-analyzer進行分析(配置方法就不寫了)

打包之後,要過一段時間才會出分析結果

#不知道怎麼引的話,全域性搜 cesium ,看看其他地方是怎麼引的

import * as turf from '@turf/turf'

import l from "leaflet"
;import jszip from 'jszip'

# 引入ser/js資料夾,webpage直接寫 ./src/js 失敗了,就換了@,@代表src資料夾

完成!!!
專案還可以繼續優化,比如vue,element-ui等元件可以改為cdn資源:

 
vue 專案打包
作為乙個前端之前並沒有打包過專案，因此想一下打包的效果，記錄一下我的打包過程 作為乙個開端 首先，專案打包前的目錄結構 然後，執行命令列 npm run build 因為是第一次打包，不熟悉打包的過程，與檔案的變更，首先看了一下檔案的結構，發現沒有compenent與views中檔案的生成目錄。是沒...
vue專案打包
首先開啟config index.js，將assetspublicpath值改為 注意是build的一對花括號裡 assetspublicpath 這個在你的build的一對花括號裡，用來解決js,css路徑問題 然後開啟 build utils.js 加上publicpath 如下 return ...
Vue專案打包
解決方法 配置vue.config.js如下 module.exports 使用npm run build命令進行打包，但是直接開啟index.html是無法看到內容的，因為無法載入其中的內容，所以必須使用伺服器來開啟網頁，這裡以express伺服器為例檢視 1.全域性安裝express gener...