# @dotlottie/dotlottie-js 中文文档

规范地址：https://npmcn.com/package/%40dotlottie/dotlottie-js/

版本：1\.10\.0
npm 元数据更新时间：2026-11-11T14:00:54.148Z
中文译文更新时间：2026-11-12T17:26:32.502Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40dotlottie/dotlottie-js
原文对照：https://npmcn.com/package/%40dotlottie/dotlottie-js/?lang=original
项目主页：https://github.com/dotlottie/dotlottie-js#readme
源码仓库：https://github.com/dotlottie/dotlottie-js

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：3.8 MB，8 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- Node.js 要求：\>=20\.9\.0
- 运行依赖：7 个
- 首次发布：2023-05-05T08:23:58.801Z
- 最新版本发布：2026-11-11T14:00:53.675Z
- 近 30 天下载量：261177（2026-10-13 至 2026-11-11，npm 官方下载统计）
- 已发布版本数：82（近 12 个月 11 个）

## 中文简介

这个库有助于创建和修改.lottie文件.

## 安装

```sh
npm install @dotlottie/dotlottie-js
```

也可以使用：`pnpm add @dotlottie/dotlottie-js`、`yarn add @dotlottie/dotlottie-js`、`bun add @dotlottie/dotlottie-js`

## README

# 点滴滴滴

dot Lottie-js是创建并抽象出bot Lottys的主要库.

备有的全部文件 [这里](https://docs.lottiefiles.com/dotlottie-js-external/)。 。 。 .

### 快速使用指南

#### 1\. 使用您最喜欢的套件操纵器安装

安装多洛蒂- js

```
pnpm add @dotlottie/dotlottie-js
```

```
npm i @dotlottie/dotlottie-js
```

```
yarn install @dotlottie/dotlottie-js
```

导入中 :

#### 浏览器

```
import { DotLottie } from '@dotlottie/dotlottie-js'
```

#### 节点

```
import { DotLottie } from '@dotlottie/dotlottie-js/node'
```

#### 2\. 利用库创建点Lottie

> 更多使用的案例查看文件 [图书](https://docs.lottiefiles.com/dotlottie-js-external/)

```ts
import { DotLottie } from '@dotlottie/dotlottie-js';
//If running on Node
// import { DotLottie } from '@dotlottie/dotlottie-js/node';
import like_animation from './like.json';

async function createDotLottie(){
  const dotLottie = new DotLottie();

  // build dotLottie
  await dotLottie 
        .setAuthor('LottieFiles')
        .setVersion('1.0')
        .addAnimation({
          id: 'like_animation',
          data: like_animation,
          loop: true,
          autoplay: true
        })
        .addAnimation({
          id: 'cat_animation',
          url: 'https://my_cat_animation.json',
          loop: true,
          autoplay: false
        })
        .build()
  
  // download dotLottie
  await dotlottie.download('my_animation.lottie');
}

createDotLottie();
```

### 管理清单

一份清单 Json的文件会出现在你的洛蒂里面.

显示文件允许玩家知道其中包含的动画是什么,如何播放和更多. 所有这些设置都是通过与Dot Lottie对象和其中包含的Lottie Animation交互而自定义的.

可能的定制有两个层面,第一个层面是Dot Lottie层面,它涉及的事物有: `author`, (中文(简体) ), `version` 动画和更多。 第二个是动画层面,设置选项如 `autoplay`, (中文(简体) ), `loop` 还有更多.

所有点 Lottie 对象的定制选项都可见 [这里](https://app.gitbook.com/o/-MY5xai2gE1dn4A5MxPC/s/255RqgJTuWDILh0FJ2NK/documentation/dotlottie)。 。 。 .

所有动画对象定制选项都可见 [这里](https://app.gitbook.com/o/-MY5xai2gE1dn4A5MxPC/s/255RqgJTuWDILh0FJ2NK/documentation/lottieanimation)。 。 。 .

### 框架中的使用

关于如何在React、Next.js、Vue和Nuxt 3中使用的实例,请参见 完整文档页。 。 。 .

### 发展

* * *

#### 准则

-   使用 [防御性编程](https://en.wikipedia.org/wiki/Defensive_programming) 技术: 确保类型和范围 输入值,尽可能给本地代表投放值等.
-   不使用外部依赖性:在添加依赖性之前进行讨论。 检查 [捆绑恐惧症](https://bundlephobia.com/) 用于选择软件包大小和依赖性.
-   使用给定的eslint+prettier配置在 IDE 中使用代码格式化.
-   写入测试以覆盖所有具有有效值和无效值的函数和代码分支.

#### 设置

```sh
git clone https://github.com/dotlottie/dotottie-js

cd dotlottie-js

pnpm i
```

#### 大楼

```sh
pnpm run build
```

#### 运行测试套件

```sh
pnpm run test
```

## 常见问题

### @dotlottie/dotlottie-js 是什么？

这个库有助于创建和修改\.lottie文件\.

### 如何安装 @dotlottie/dotlottie-js？

在项目目录运行 npm install @dotlottie/dotlottie-js，或使用 pnpm add / yarn add / bun add。

### @dotlottie/dotlottie-js 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @dotlottie/dotlottie-js 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @dotlottie/dotlottie-js 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js \>=20\.9\.0。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @dotlottie/dotlottie-js 可以商用吗？

@dotlottie/dotlottie-js 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @dotlottie/dotlottie-js 的下载量有多少？

根据 npm 官方下载统计，@dotlottie/dotlottie-js 在 2026/10/13 – 2026/11/11 这 30 天内被下载 261,177 次，日均约 8,706 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @dotlottie/dotlottie-js 还在维护吗？

最新版本 1\.10\.0 发布于 2026/11/11（2 天前）；至今共发布 82 个版本，其中过去 12 个月发布了 11 个；首次发布于 2023/05/05。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。