安装

Anime.js 可以根据你的开发环境或工作流程，用多种方式来安装。
这一部分会介绍几种不同的安装方法。

通过 NPM 和打包工具安装

如果你用的是像 Vite 或 esbuild 这样的打包工具，只需要通过 NPM 安装这个包就可以了。

npm install animejs

然后你可以像这样以 ES6 Modules 的方式导入 Anime.js 方法：

import { animate } from 'animejs';

通过 CDN 引入

Anime.js 也可以通过以下这些 CDN 获取：

ES6 Modules 引入方式

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

全局对象方式

<script src="https://cdn.jsdelivr.net/npm/animejs@4.0.0/lib/anime.iife.min.js"></script>
<script>
  const { animate } = anime;
</script>

从 GitHub 直接下载

如果你更喜欢手动下载 Anime.js，你也可以直接去官方 GitHub 仓库：github.com/juliangarnier/anime。

以下这些版本可以在 /lib 目录下找到：

下载完以后放到你的项目文件夹中，可以像下面这样引入：

ES6 Modules

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

UMD 模块

<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>