说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构建结果（缩小构建结果）

在后台管理系统的项目中，因为是数据管理，大部分都是 CURD 的页面。比如： 对于这类的页面，我们完全可以设计一个组件，使用拖拽的方式，将组件一个个拖到指定区域，进行结构组装，然后再写一个对组装数据的

此文的目的是基于Vite从0到1搭建一个Vue3相关的工程化模板项目，其中包括集成Typescript、Vitest、Tsx、Vue Router、Pinia、element-plus、Eslint、

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

为什么每个大厂都会拥有的工具库，因为前端方法的复用、研发效率的提升、代码量的减少、团队技术的提升都离不开前端工具库，所以你是不是也应该拥有呢？

前言 工作中，我们可能经常碰到下面这些问题： 公司需要开发一个新项目，项目的权限，菜单，登录等功能在别的项目已经存在。 项目需要配置例如eslint等代码规范，需要和原先的一些项目保持一致（可能所有的

想必大多数人在开发 vue 等 SPA 项目都时候都会直接用 vue-cli 等脚手架开发，一是方便省去了好多配置上的功夫，二是 vue-cli 毕竟是久经考验较为成熟的东西，遇到问题也能在网上找到相应解决方案。 但是，如果我们要更好地理解脚手架的配置及其构建打包的机制，我们就…

大家都用过类似vue-cli的脚手架，cli中的炫酷交互、多样提示、项目创建让小包感到很神奇，我不由会疑惑，脚手架难吗？ 不难，不止不难，还非常有意思，通过阅读小包的这篇文章，带你轻松搭建脚手架。

｜д•´)!! 这里是属于webpack的世界，没有花哨艳丽的vite，有的，仅仅是繁衍到巅峰的webpack！