作为一个啥都要干的「全栈码农」，前端开发一直以来是我的一块心病，特别是打包工具。从最开始不需要这类工具，到出现了压缩和混淆的辅助命令，再到 Glup，以及 Webpack 这类自动化构建工具的出现，给我的感觉是越来越复杂。Webpack 没支棱几年，Rollup 和 Vite 又横空出世……，我乏了。
问题在于作为打包工具，往往只需要在项目开始时配置好，后续基本都不会再关注它。时间一长，再开始新项目时又会忘了之前的操作流程。如果是继续使用同一个打包工具还好，直接从老项目中复制一份打包配置文件过来就行了。但如果碰到打包工具不一样时，就又得重来一遍。比如我一直在用的 Laravel 开发框架，目前就是这种情况。
Laravel 框架版本在 9 之前，用的是基于 Webpack 二次开发的 Mix 打包工具。从 9 开始，前端打包工具换成了 Vite。之前浅尝辄止的体验过一次 Vite，的确很快，但要和后端项目混合集成有点繁琐，个人感觉没有 Webpack 灵活，所以也没多大意愿想要用 Vite。这次开启了基于 Laravel 10 的新项目，为了不给之后的系统升级埋坑，不想动框架默认的设定。在这样的前提下，不了解一下 Vite 是不行了。
好在 Laravel 已经完成了基础的集成工作，按照官方文档的流程尝试了一下，顺利的达成了目的。