🎙️我们在 HMPL.js 中为开发人员准备了很多新东西！

自版本 3 发布以来的一个半月内，模板语言已经扩展了新的功能和生态系统模块。

所有这些对于 Web 应用开发来说都非常有用，因为有时人们会开发一些你根本不需要的功能。这种想法并不完全正确，但想象一下，你有一部手机，他们添加了一个小部件或一些你永远不会放在主屏幕上的东西。但这里的情况并非如此。

这里的一切都是根据最明显的需求而准备的。

好吧，让我们看看现在有什么！

🔗 与 Vite.js 集成

其中一个主要创新是将 HMPL 与 Vite.js 集成。现在，您可以在项目中添加一个处理带有该扩展名的文件的插件。.hmpl

vite.config.mjs

import { defineConfig } from "vite";
import hmplPlugin from "vite-plugin-hmpl";

export default defineConfig({
  plugins: [
    hmplPlugin({
      memo: true,
      sanitize: true,
    }),
  ],
});

值得注意的是，该模块是为 esm 编写的，因为整个 Vite 环境以及 Rolldown 和 Vue.js 主要支持这一点。

↪ 嵌套块

终于，在版本 3 发布一个半月后，我们终于在模板引擎中完整实现了所谓的 block-helpers 语法。我们为此努力了一年，现在它已经非常完美，并且在未来的许多年里都将发挥重要作用。

<div>
  <button class="getHTML">Get HTML!</button>
  {{#request src="/api/test" after="click:.getHTML" repeat=false }} 
    {{#indicator trigger="pending"}}
      <p>Loading...</p>
    {{/indicator}} 
  {{/request}}
</div>