安装

来自 NPM

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

npm install animejs

然后你可以使用像 Vite 或 esbuild这样的打包工具，直接将 Anime.js 方法导入你的 JavaScript 中。

ES Modules

import { animate } from 'animejs';

CommonJS

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

来自 CDN

ES Modules

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

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

UMD Global object

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

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

直接下载

直接从 GitHub 仓库的库下载。

Available Files

文件名	类型
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 Modules

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

UMD Global object

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