Vite 中的模板编译是如何实现的

Vite 使用了基于浏览器原生 ES 模块的静态模块编译，而不是传统的模板引擎。这意味着你可以在 HTML 文件中直接使用 JavaScript 的模块导入语法来引入其他文件。

Vite 默认支持 Vue 单文件组件（.vue），它使用了 Vue 的模板编译来处理 <template> 部分。这意味着你可以在单文件组件中使用 Vue 的模板语法来编写组件的模板。

此外，你也可以在任意其他类型的文件中使用类似的模板语法，比如在 JavaScript 文件中使用 JSX 或在 Markdown 文件中使用 Markdown-it 的扩展语法。

如果你想使用其他模板引擎，Vite 也支持插件来实现这一点。你可以使用像 Handlebars、Pug、EJS 等的模板引擎，并为它们创建对应的插件来处理特定的文件类型。可以在 Vite 的插件市场中寻找已有的插件，或者自己编写一个插件来实现你想要的模板引擎支持。

https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&amp;uuid=8e9ff865b0d84b46833cbfe45a5c001d