一、背景問題 項目中如果有大量的小圖標，如果不使用阿里的iconfont。UI給一個加一個，加一個引用一個，每個圖標雖然很小，但是也是一次請求，每次請求都是消耗性能資源的. 二、解決思路 使用webpack-spritesmith可以將所有的icon小圖標整合成一張圖片。每次都只會請求一次 ...

最近做的項目呢，圖標比較多，之前沒有使用精靈圖，通過webpack設置，小於6k的打成base64，這樣子，我的css會有一點點偏大（通過背景圖引入的），后來想着試試精靈圖了，然后一陣百度，其實大家用的工具都大同小異吧，貼一個我參考的博客（https://juejin.im/post ...

(根據網上教程實操，僅作個記錄) 執行命令安裝插件 npm install svg-sprite-loader --save-dev 在vue.config.js中，添加配置 創建vue公共svg組件svgIcon.vue 新建svg-icon文件夾 ...

先來一個項目目錄構造； 第一步下載layui npm i layui-src 此時node_modules文件夾下面會有一個layui-src； 第二步引入，在main.js引 ...

第一步安裝 npm install jquery --save 第二部配置vue.config.js, 沒有這個文件就創建 主要是框框出來的那些； 忽略我配置的另一個uglifyjs-webpack-plugin 不想忽略就去看https://www.npmjs.com/package ...

vue3如何使用scss 2022/4/3 網上有一大堆教程，但是怎么安怎么報錯… 版本問題真的很難解決。今天終於成功了，記錄一下安裝方法： 全局通過cmd執行vue add style-resources-loader 安裝完成以后項目根目錄下應該已經 ...

應用場景 在前后端分離的開發模式中，后端給前端提供一個接口，由前端向后端發請求，得到數據后前端進行渲染。 由於前后端開發進度的不統一，前端往往使用本地的測試數據進行數據渲染的測試。 如何配置 在vue-cli構建的項目，我們可以借助 ...

關於vue-cli3.x按需引入mint-ui問題記錄： 參考文檔： vue-cli3.x https://cli.vuejs.org/config/#pluginoptions mint-ui http://mint-ui.github.io/docs/#/zh-cn2 ...