安装

htmx是一个无依赖、面向浏览器的javascript库。这意味着使用它就像 <script> 在 HTML head 中添加标签一样简单。使用它不需要构建系统。

通过CDN加载（例如 unpkg.com ）

使用htmx的最快方法是通过CDN加载。你只需将其添加到 head 标签即可使用。

<script src="https://unpkg.com/[email protected]" integrity="sha384-0895/pl2MU10Hqc6jd4RvrthNlDiE9U1tWmX7WRESftEDRosgxNsQG/Ze9YMRzHq" crossorigin="anonymous"></script>

还有未压缩的版本可用：

<script src="https://unpkg.com/[email protected]/dist/htmx.js" integrity="sha384-BBDmZzVt6vjz5YbQqZPtFZW82o8QotoM7RUp5xOxV3nSJ8u2pSdtzFAbGKzTlKtg" crossorigin="anonymous"></script>

虽然CDN方法非常简单，但你可能要考虑不在生产环境中使用CDN。

下载 htmx 副本

安装 htmx 的下一个最简单的方法是将其复制到你的项目中。

从 unpkg.com 下载 htmx.min.js 并将其添加到项目中的相应目录中，并在必要时使用 <script> 标签将其包含在内。

<script src="/path/to/htmx.min.js"></script>

npm

对于 npm 方式的系统构建，你可以通过 npm 安装 htmx ：

npm install [email protected]

Webpack

如果你使用 webpack 来管理你的 javascript ：

• 通过你最喜欢的包管理器安装 htmx （例如 npm 或 yarm ）

• 将 import 语句添加到你的 index.js 文件

import 'htmx.org';

如果要使用全局 htmx 变量（推荐），则需要将其注入到 window 范围：

• 创建自定义 JS 文件

• 将此文件导入到你的 index.js （位于步骤 2 的 import 语句下方）

import 'path/to/my_custom.js';

• 然后将此代码添加到文件中：

window.htmx = require('htmx.org');

• 最后重新构建你的包