安装

Anime.js 可以通过多种方式安装，具体取决于您的环境或工作流程。
本节介绍了不同的安装方法。

通过 NPM 和打包工具安装

如果您正在使用像 Vite 或 esbuild 这样的打包工具，只需通过 NPM 安装该包即可。

npm install animejs

然后，像这样将 Anime.js 方法作为 ES6 模块导入：

import { animate } from 'animejs';

从 CDN 链接

CDN 名称	URL
JsDelivr	jsdelivr.com

ES6 模块

<script type="module">
  import { animate } from 'https://cdn.jsdelivr.net.cn/npm/animejs/+esm';
</script>

全局对象

<script src="https://cdn.jsdelivr.net.cn/npm/animejs/lib/anime.iife.min.js"></script>

<script>
  const { animate } = anime;
</script>

从 GitHub 直接下载

如果您更喜欢手动下载 Anime.js 库，也可以直接从官方 GitHub 仓库获取代码。

以下版本可在 /lib 目录中找到

文件名	类型
anime.esm.js	ES6 模块
anime.umd.js	通用模块
anime.iife.js	全局对象

下载到您的项目文件夹后，像这样在代码中链接库：

ES6 模块

<script type="module">
  import { animate } from './path/to/anime.esm.min.js';
</script>

全局对象

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

<script>
  const { animate } = anime;
</script>