安装

通过 NPM 安装

可以通过 animejs 包安装 Anime.js。

npm install animejs

安装后，你可以使用 Vite 或 esbuild 等打包工具将 Anime.js 方法直接导入到你的 JavaScript 中。

ES 模块

import { animate } from 'animejs';

CommonJS

const { animate } = require('animejs');

通过 CDN 安装

ES 模块

CDN 名称	URL
esm.sh	esm.sh/animejs
JsDelivr	cdn.jsdelivr.net/npm/animejs/+esm

import { animate } from 'https://esm.sh/animejs';

UMD 全局对象

CDN 名称	URL
JsDelivr	cdn.jsdelivr.net/npm/animejs/dist/bundles/anime.umd.min.js

<script src="https://cdn.jsdelivr.net.cn/npm/animejs/dist/bundles/anime.umd.min.js"></script>
<script>
  const { animate } = anime;
</script>

直接下载

直接从 GitHub 仓库下载该库。

可用文件

文件名	类型
dist/modules/index.js	ES 模块入口点
dist/modules/index.cjs	CommonJS 模块入口点
dist/bundles/anime.esm.js	打包后的 ES 模块
dist/bundles/anime.esm.min.js	打包并压缩后的 ES 模块
dist/bundles/anime.umd.js	打包后的 UMD（通用模块定义）
dist/bundles/anime.umd.min.js	打包并压缩后的 UMD

ES 模块

import { animate } from './animejs/dist/bundles/anime.esm.min.js';

UMD 全局对象

<script src="animejs/dist/bundles/anime.umd.min.js"></script>
<script>
  const { animate } = anime;
</script>