話不多說直接上圖
優化前：
優化後：
第一張圖中的 1.09 m是我的專案經過打包編譯之後的js檔案大小，確實有點大了，第一次開啟頁面的時候會比較慢。所以就需要想辦法來解決這個問題了。
再檢視官網之後，發現官網給我們提供了乙個懶載入，相當於懶載入，你不開啟的時候是不會全部載入出來的，只有你需要用到的時候才會載入出來，也算是一種
打包優化了。
官網：
個人覺得已經講的很詳細了，所以沒有任何補充。
如果有看的不太明白的朋友，可以去看看這位大牛的部落格，講的比較清楚。
vue專案打包檔案過大優化
總結一下前端打包優化，我用的是vue cli3 配置檔案vue.config.js 一 路由懶載入 每次進入乙個新頁面才載入該頁面所需要的資源 component import view setting setting.vue 二 把不常改變的庫放到index.html中，通過cdn引入 最好引入指...
webpack 打包檔案 vue 過大
在 build webpack.base.conf.js 檔案裡加上 externals 不需要打包的檔案就放寫在這裡，然後在 index.html 外連上這些庫 順便記錄乙個連線後面加入版本號 在 webpack.prod.conf.js 檔案裡 自己獲取乙個時間加在後面就可以了 官方 impor...
vue 專案打包
作為乙個前端之前並沒有打包過專案，因此想一下打包的效果，記錄一下我的打包過程 作為乙個開端 首先，專案打包前的目錄結構 然後，執行命令列 npm run build 因為是第一次打包，不熟悉打包的過程，與檔案的變更，首先看了一下檔案的結構，發現沒有compenent與views中檔案的生成目錄。是沒...