# @file-viewer/preset-all 中文文档 规范地址：https://npmcn.com/package/%40file-viewer/preset-all/ 版本：3\.3\.3 npm 元数据更新时间：2026-10-31T11:32:39.966Z 中文译文更新时间：2026-11-14T17:44:49.081Z 软件包许可：Apache-2\.0 本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。 原始 npm 页面：https://www.npmjs.com/package/%40file-viewer/preset-all 原文对照：https://npmcn.com/package/%40file-viewer/preset-all/?lang=original 项目主页：https://doc.file-viewer.app/guide/on-demand-renderers 源码仓库：https://github.com/flyfish-dev/file-viewer ## 关键信息（来自 npm 元数据） - 包体积（解压后）：48.1 kB，10 个文件 - 模块格式：ES Module - TypeScript 类型：包内自带 - 运行依赖：35 个 - 首次发布：2026-06-23T06:26:35.938Z - 最新版本发布：2026-10-31T11:32:39.646Z - 近 30 天下载量：7788（2026-10-15 至 2026-11-13，npm 官方下载统计） - 已发布版本数：67（近 12 个月 67 个） ## 中文简介 文件查看器的所有渲染器预设,在渲染器包被拆分时保留了完整的格式矩阵. ## 安装 ```sh npm install @file-viewer/preset-all ``` 也可以使用：`pnpm add @file-viewer/preset-all`、`yarn add @file-viewer/preset-all`、`bun add @file-viewer/preset-all` ## README # @file-viewer/preset-all [English](https://github.com/flyfish-dev/file-viewer/blob/main/packages/presets/all/README.md) · [简体中文](https://github.com/flyfish-dev/file-viewer/blob/main/packages/presets/all/README.zh-CN.md) [![npm version](https://img.shields.io/npm/v/@file-viewer%2Fpreset-all?logo=npm)](https://www.npmjs.com/package/@file-viewer/preset-all) [![npm downloads](https://img.shields.io/npm/dm/@file-viewer%2Fpreset-all?logo=npm)](https://www.npmjs.com/package/@file-viewer/preset-all) [![GitHub stars](https://img.shields.io/github/stars/flyfish-dev/file-viewer?style=flat&logo=github)](https://github.com/flyfish-dev/file-viewer/stargazers) [![License: Apache-2.0](https://img.shields.io/badge/license-Apache--2.0-blue)](https://github.com/flyfish-dev/file-viewer/blob/main/LICENSE) [GitHub](https://github.com/flyfish-dev/file-viewer) · [文档](https://doc.file-viewer.app/zh/) · [在线 Demo](https://demo.file-viewer.app/) · [格式矩阵](https://doc.file-viewer.app/guide/formats) · [问题反馈](https://github.com/flyfish-dev/file-viewer/issues) · [English](https://github.com/flyfish-dev/file-viewer/blob/main/packages/presets/all/README.md) [![File Viewer 在线演示：Word、Excel、PPT、3D 模型、CAD 图纸与二进制检查器](https://raw.githubusercontent.com/flyfish-dev/file-viewer/main/docs/public/_media/file-viewer-demo-v3-zh.webp)](https://demo.file-viewer.app/) > ⭐ 如果 File Viewer 对你有帮助，欢迎到 [GitHub](https://github.com/flyfish-dev/file-viewer) 点个 Star。 Flyfish File Viewer 的全量 renderer preset。它把当前完整格式矩阵包装成一个可显式装配的 preset，作为 2.x 按需渲染架构的兼容桥梁。 ## 何时使用 - 你希望继续获得和官方 demo 一致的完整格式支持。 - 你正在从默认全量依赖迁移到按需 renderer 架构。 - 你希望先用一个完整 preset 接入，后续再替换为 `@file-viewer/preset-lite`、`@file-viewer/preset-office`、`@file-viewer/preset-engineering` 或更细的单 renderer 组合。 ## 用法 推荐在 Vite 项目中让 `@file-viewer/vite-plugin` 自动发现本 preset： ```bash pnpm add @file-viewer/vue3 @file-viewer/core @file-viewer/vite-plugin @file-viewer/preset-all ``` ```ts import { fileViewerRenderers } from '@file-viewer/vite-plugin' export default { plugins: [ fileViewerRenderers({ copyAssets: true }) ] } ``` 组件默认 `autoRenderers:true`，因此不需要手动把 `allRenderers` 传入业务组件。 需要完全手动控制 registry 时再直接传入： ```ts import FileViewer from '@file-viewer/vue3' import { allRenderers } from '@file-viewer/preset-all' const options = { renderers: allRenderers, } ``` 如果你希望业务只加载这个 preset 提供的 renderer，可以使用 replace 模式： ```ts const options = { rendererMode: 'replace', renderers: allRenderers, } ``` 当前版本会优先聚合已经拆出的 `@file-viewer/renderer-word`、`@file-viewer/renderer-spreadsheet`、`@file-viewer/renderer-pdf`、`@file-viewer/renderer-ofd`、`@file-viewer/renderer-presentation`、`@file-viewer/renderer-cad`、`@file-viewer/renderer-drawing`、`@file-viewer/renderer-3d`、`@file-viewer/renderer-data`、`@file-viewer/renderer-eda`、`@file-viewer/renderer-typst`、`@file-viewer/renderer-archive`、`@file-viewer/renderer-email`、`@file-viewer/renderer-epub`、`@file-viewer/renderer-text`、`@file-viewer/renderer-image`、`@file-viewer/renderer-media`、`@file-viewer/renderer-mindmap` 和 `@file-viewer/renderer-geo`。core 仅保留轻量原生链路和共享协议，本 preset 保持作为全量聚合层。 轻量附件优先使用 `@file-viewer/preset-lite`，办公文档优先使用 `@file-viewer/preset-office`，CAD / 3D / EDA 等工程附件优先使用 `@file-viewer/preset-engineering`。`preset-all` 更适合官方 Demo、内部全格式附件中心或迁移期兼容层。 ## 文档 - 按需渲染架构: [https://doc.file-viewer.app/guide/on-demand-renderers](https://doc.file-viewer.app/guide/on-demand-renderers) - 支持格式: [https://doc.file-viewer.app/guide/formats](https://doc.file-viewer.app/guide/formats) ## 格式与相关包 File Viewer 在浏览器内预览 275+ 种扩展名，覆盖 Office、PDF/OFD、CAD、3D、压缩包、邮件、图片、音视频和代码，无需服务端转码；完整清单见 [格式矩阵](https://doc.file-viewer.app/guide/formats)。 - 组件：`@file-viewer/web`、`@file-viewer/vue3`、`@file-viewer/vue2.7`、`@file-viewer/vue2.6`、`@file-viewer/react`、`@file-viewer/react-legacy`、`@file-viewer/svelte`、`@file-viewer/jquery`，以及对应的 `-full` 包 - 能力组合：`@file-viewer/preset-lite`、`@file-viewer/preset-office`、`@file-viewer/preset-engineering`、`@file-viewer/preset-all` - 构建：`@file-viewer/vite-plugin`、`file-viewer-copy-assets` ## 许可证 本包采用 Apache-2.0。`*-full` 包包含 `@flyfish-dev/cad-viewer` 等 DWG/DWF/DWFX 运行时，该部分采用 **AGPL-3.0-only**，使用 CAD 能力时请遵守其许可证。详见 [LICENSE](https://github.com/flyfish-dev/file-viewer/blob/main/LICENSE)。 ## 常见问题 ### @file-viewer/preset-all 是什么？ 文件查看器的所有渲染器预设,在渲染器包被拆分时保留了完整的格式矩阵\. ### 如何安装 @file-viewer/preset-all？ 在项目目录运行 npm install @file-viewer/preset-all，或使用 pnpm add / yarn add / bun add。 ### @file-viewer/preset-all 支持 TypeScript 吗？ 支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。 ### @file-viewer/preset-all 支持 ESM 还是 CommonJS？ 以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。 ### @file-viewer/preset-all 可以商用吗？ @file-viewer/preset-all 使用 Apache-2\.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。 ### @file-viewer/preset-all 的下载量有多少？ 根据 npm 官方下载统计，@file-viewer/preset-all 在 2026/10/15 – 2026/11/13 这 30 天内被下载 7,788 次，日均约 260 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。 ### @file-viewer/preset-all 还在维护吗？ 最新版本 3\.3\.3 发布于 2026/10/31（14 天前）；至今共发布 67 个版本，其中过去 12 个月发布了 67 个；首次发布于 2026/06/23。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。