安装

GSAP 是“框架无关的”，这意味着它可以在 React、Webflow、Wordpress 或任何其他 JS/网页框架中使用。GSAP 核心文件和所有插件都只是 JavaScript 文件。

本文介绍了加载文件的最常见方法。具体来说，就是通过 NPM、Yarn 以及使用简单的 <script> 标签。选择你自己的方式，或者查看左侧子菜单中的安装指南，获取针对特定框架或工具的指导。

获取文件

GSAP（点击下载）

下载的压缩文件里有什么？

---

该压缩文件包含以下目录：

/minified/ 通过脚本标签加载到网页中，具有普遍兼容性，经过高度压缩以实现最快加载速度。

/UMD/ 压缩文件的未压缩版本，采用 UMD 格式。通常用于较旧的构建工具或调试。

/ESM/ ES 模块文件，经过转译以兼容现代构建工具（不包含复杂的 ES6 内容）。

/src/ 原始源代码文件，这些文件是现代 ES6 模块。

安装

npm

npm install gsap

CDN

<script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js"></script>

yarn

yarn add gsap

插件

缓动函数