一、背景问题 项目中如果有大量的小图标，如果不使用阿里的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 ...