缘由 故事从我在coding的时候，突然又被拉入了一个群开始.... 很快产品经理就开始了需求评审，及其专业的术语描述着整个需求的背景以及实现后带来的收益，可是这我关心吗，把会议挂在一旁继续修昨天写的

背景介绍 模拟实现 Textarea 的功能，当用户输入 @ 的时候弹出选择框选择人员，同时，将 @人员 变成蓝色插入到编辑框中。这样的需求想到的解决方案就是利用 DIV 的 contentedita

我们都知道，vite 在开发时使用的是 esbuild 作为依赖预构建和 ts、jsx 文件转译工具，通过浏览器的 ESM 加载，而在生产打包时使用的是 Rollup 作为打包工具。这样的双引擎架构可

本文简单介绍了主流的打包工具，并借助Tooling.Report从6个维度对部分工具进行了横向比对。

现代前端项目的开发过程中已经离不开构建工具的帮助了，无论你的项目是新是旧，你一定都多多少少接触过相关工具，然而： 前端项目为什么需要构建？ 为什么会有这么多的构建工具？ 我的项目应该使用哪个构建工具？

现在前端项目的开发过程离不开构建工具，面对琳琅满目的构建工具我们该如何选择最合适的是一个问题。在研究各种配置之余，我们去研究一下构建工具发展过程、底层原理，面对一些问题的时候往往事半功倍。

Parcel 一个号称「「0 配置」」的打包工具，开箱即用，同时默认使用 Worker 进程充分发挥多核 cpu 优势来提升构建速度，因此在打包效率上还是不错的，而且 Parcel 2.0 在 SWC

“ 打包 ”——一个前端研发无比熟悉的词语，打包工具从来都不是必要，后端（nodejs）几乎可以不使用，但在前端，又几乎不可以不用。

vite预构建的主要处理逻辑，总结起来就是先查找需要预构建的依赖，然后将这些依赖作为entryPoints进行构建，构建完成后更新缓存。