目前做的乙個vue專案當中引入了外部的字型檔案，打包之後測試發現載入過慢，需等待較長時間才能看到效果，特此記錄在vue專案中壓縮字型的操作.字蛛是乙個中文字型壓縮器，通過分析本地 css 與 html 檔案獲取 webfont 中沒有使用的字元，並將這些字元資料從字型中刪除以實現壓縮，同時生成跨瀏覽器使用的格式。
安裝方法
npm install font-spider -gfont.css檔案的**如下圖所示：
#h font.html檔案的**如下圖所示：
font.html裡的h1標籤id對應著font.css裡的文字樣式接著在專案目錄下執行命令列：
font-spider ./font.html完成之後在需要使用字型的vue頁面引入使用即可
前端壓縮字型檔案 成功
一 踩坑過程 3 font spider 字蛛 成功 仍有不足 二 壓縮檔案準備 三 font spider 字蛛 壓縮過程 1 全域性安裝font spider window r 進入小黑視窗 npm install font spider g 全域性安裝font spider，前提已安裝node...
vue打包字型檔案路徑錯誤的問題
在我的專案中遇到的情形是 打包後，css裡載入的font檔案路徑變成了 static css static fonts iconfont.eot，原先的打包沒有這樣的問題，而期望的應該是 static fonts iconfont.eot。修改方式 在build utils.js37行左右的extr...
vue專案打包檔案過大優化
總結一下前端打包優化，我用的是vue cli3 配置檔案vue.config.js 一 路由懶載入 每次進入乙個新頁面才載入該頁面所需要的資源 component import view setting setting.vue 二 把不常改變的庫放到index.html中，通過cdn引入 最好引入指...