此为示例目录大纲，后续将通过脚本自动生成。

09-Esbuild 插件开发实战

问题 1：为什么 Esbuild 性能极高？

问题 2：可以通过哪两种方式来使用 Esbuild ?

问题 3：ESBuild 一共提供哪儿三种基础模式？能简单介绍下具体的使用方式吗?

问题 4：ESbuild 插件本质上是什么？有哪儿个钩子可供使用，请简要介绍？

问题 5：onResolve 和 onLoad 钩子的使用方式？

问题 6：onStart 和 onEnd 钩子的使用方式？

问题 7：如何实现"env-ns"虚拟模块，获取构建时环境 process.env？

问题 8：如何基于 ESbuild 编写一个支持识别 http 模块插件，简述大致流程？

问题 9：如何基于 ESbuild 编写一个 HTML 构建插件，将上述的 js 插入对预制的 html 模板，请简述大概流程？

10-rollup 打包基本概念及使用

问题 1：为什么深入学习 Vite 需要掌握 rollup?

问题 2：什么是 Tree Shaking, 为什么 rollup 可以具有天然的 Tree Shaking 功能？

问题 3：可以哪儿两种方式来使用 rollup?

问题 4：rollup 中如何进行多入口+多产物配置？

问题 5：rollup 中如何打包 umd 格式？

问题 6：rollup 除了 input 、output 外还能配置哪儿些？

问题 7：rollup 如何开启 watch 模式？

问题 8：rollup 如何接入 plugin 插件？

问题 9：如何打包 loadsh 这类 cjs 格式包，能说说在开发实践中都使用过哪些常用的 rollup 库吗？

11-rollup 打包机制及插件开发

问题 1：在 rollup 一次完整的构建过程中，rollup 会经历哪两个阶段？每个阶段的作用是什么？

问题 2：rollup 中 Build Hook 和 Output Hook 的本质区别是什么？

问题 3：根据 Hook 执行方式可以把插件分成哪五类？

问题 4：请描述一下 rollup 插件在 build 阶段的工作流程？

问题 5：请描述一下 rollup 插件在 Output 阶段的工作流程？

问题 6：如何实现别名替换 alias 插件？

问题 7：如何支持图片加载 image 插件？

问题 8：如何实现全局替换 replace 插件？

12-Vite插件开发实战

问题1: vite插件与 rollup 插件的关系，请叙述两者的兼容性与差异性？

问题2：Vite独有的插件Hook有哪些，简述作用

问题3：Vite中插件Hook执行顺序是怎样的？

问题4：插件enforce属性的作用和取值？

问题5：如何制定Vite插件的应用场景(开发环境或生产环境)?

问题6：使用过vite-plugin-inspect插件吗？作用是什么？

问题7：请阐述如何开发虚拟模块插件？

问题8：请阐述下如何开发 SVG 插件？