@file-viewer/preset-lite
GitHub · 文档 · 在线 Demo · 格式矩阵 · 问题反馈 · English
⭐ 如果 File Viewer 对你有帮助，欢迎到 GitHub 点个 Star。
Flyfish File Viewer 的轻量 renderer preset。它适合只需要 Markdown、代码、文本、图片、音频和视频预览的业务页面，避免默认安装 Office、PDF、CAD、Typst、3D、压缩包等重链路。
何时使用
- 你需要一个开箱即用但非常轻的附件预览能力。
- 业务只处理 README、日志、配置、截图、音视频等常见轻量文件。
- 你希望后续再按需叠加
@file-viewer/renderer-pdf、@file-viewer/renderer-word或其它专业 renderer。
用法
推荐和 @file-viewer/vite-plugin 一起使用。安装本 preset 后，插件会自动发现并激活轻附件能力：
fileViewerRenderers({
copyAssets: true
})
组件默认 autoRenderers:true，业务代码无需手动传 renderers。需要完全手动控制 registry 时再直接传入：
import FileViewer from '@file-viewer/vue3'
import { liteRenderers } from '@file-viewer/preset-lite'
const options = {
builtinRenderers: 'none',
rendererMode: 'replace',
renderers: liteRenderers,
}
包含的 renderer
@file-viewer/renderer-text@file-viewer/renderer-image@file-viewer/renderer-media
文档
- 按需渲染架构: https://doc.file-viewer.app/guide/on-demand-renderers
- 支持格式: https://doc.file-viewer.app/guide/formats
格式与相关包
File Viewer 在浏览器内预览 275+ 种扩展名，覆盖 Office、PDF/OFD、CAD、3D、压缩包、邮件、图片、音视频和代码，无需服务端转码；完整清单见 格式矩阵。
- 组件：
@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。详见 LICENSE。