前端工程化

只要接触过ts的前端同学都能回答出ts是js超集，它具备静态类型分析，能够根据类型在静态代码的解析过程中对ts代码进行类型检查，从而在保证类型的一致性。那，现在让你对你的webpack项目（其实任意类

1. rollup Rollup是一个JavaScript模块打包器，可以将小块代码编译成大块复杂的代码，例如library或应用程序 1.1 debugger.js 1.2 rollup.confi

1.前置知识 1.1. 初始化项目 1.2. magic-string magic-string是一个操作字符串和生成source-map的工具 2.3. AST 通过JavaScript Parse

rollup实战 rollupjs是下一代ES模块捆绑器 1 背景 webpack打包非常繁琐，打包体积比较大 rollup主要是用来打包JS库的 vue/react/angular都在用rollup

1.核心知识 1.1 安装依赖 1.2 Connect Connect是一个框架，它使用被称为中间件的模块化组件，以可重用的方式实现 web 程序的逻辑 在 Connect 中，中间件组件是一个函数，

1.Vite Vite (法语意为 "快速的"，发音 /vit/) 是下一代前端开发与构建工具 💡 极速的服务启动 使用原生 ESM 文件，无需打包! ⚡️ 轻量快速的热重载 无论应用程序大小如何，都

SystemJS 诞生于 2015 年，那个时候 ES Module 还未成为标准，在浏览器端只能通过 requirejs、seajs 等方案实现模块加载，随着 npm 在前端界的流行，一个项目中可能