@firecms/data_import

中文文档
3.5.2发布于 2026/11/11TypeScriptESM + CJS构建来源已验证近 30 天下载 5674

此插件可直接从 FireCMS 界面导入数据到 Firestore 收藏 。 它在收藏视图中添加了导入按钮,提供了从CSV或JSON文件中大量添加或更新数据的简单方法.

中文使用文档
文档目录7 节
  1. 安装
  2. 特征
  3. 基本用途
  4. 高级配置
  5. 配置选项
  6. 与导出整合
  7. 补充说明

FireCMS 数据导入插件

此插件可直接从 FireCMS 界面导入数据到 Firestore 收藏 。 它在收藏视图中添加了导入按钮,提供了从CSV或JSON文件中大量添加或更新数据的简单方法.

安装

npm install @firecms/data_import
# or
yarn add @firecms/data_import

特征

  • 从 CSV 或 JSON 格式导入数据到 Firestore 收藏
  • 在导入前验证数据,以确保完整性
  • 与 FireCMS 分析活动合并
  • 支持大宗数据的创建和更新

基本用途

import React from "react";
import { FireCMS } from "@firecms/core";
import { useImportPlugin } from "@firecms/data_import";


export default function App() {

    // Basic setup with default options
    const importPlugin = useImportPlugin();

    return <FireCMS
        name={"My Online Shop"}
        plugins={[importPlugin]}
        authentication={myAuthenticator}
        collections={myCollections}
        firebaseConfig={firebaseConfig}
    />;
}

高级配置

您可以用这些选项自定义导入行为 :

const importPlugin = useImportPlugin({
    // Track import events
    onAnalyticsEvent: (event, params) => {
        console.log("Import event:", event, params);
        // Example events: "import_started", "import_completed", "import_error"
    }
});

配置选项

选项类型说明
onAnalyticsEvent(event: string, params?: any) => void调用以跟踪导入事件

与导出整合

对于完整的数据管理解决方案,同时使用导入和导出插件:

import { useImportPlugin } from "@firecms/data_import";
import { useExportPlugin } from "@firecms/data_export";

// Set up both plugins
const importPlugin = useImportPlugin();
const exportPlugin = useExportPlugin();

// Add both to your FireCMS app
return (
    <FireCMS
        // ...other props
        plugins={[importPlugin, exportPlugin]}
    >
        {/* ... */}
    </FireCMS>
);

补充说明

  • 导入功能在导入前会根据您的收藏计划验证数据
  • 从 JSON 导入复杂数据类型( 地图、 数组、 引用) 时支持
  • 从 CSV 导入时, 类型转换按照您的计划进行
  • 大量进口货物分批加工,以避免防火店的限制

版本与发布记录

@firecms/data_import 共发布 317 个版本,首次发布于 2023/10/24;过去 12 个月发布了 79 个版本。最新版本附带 npm provenance 构建来源证明,可追溯到公开的 CI 构建记录。

版本发布日期距今
3.5.2latest2026/11/114 天前
3.5.2-canary.a0001bdcanary2026/11/114 天前
3.5.2-canary.a36570e2026/10/2718 天前
3.5.2-canary.09e12812026/10/2718 天前
3.5.2-canary.c5764a32026/10/131 个月前
3.5.2-canary.16bf7bb2026/10/131 个月前

其他发布通道:pre → 3.0.0-canary.297,canary → 3.5.2-canary.a0001bd。

关于 @firecms/data_import 的常见问题

@firecms/data_import 是什么?

此插件可直接从 FireCMS 界面导入数据到 Firestore 收藏 。 它在收藏视图中添加了导入按钮,提供了从CSV或JSON文件中大量添加或更新数据的简单方法.

如何安装 @firecms/data_import?

在项目目录运行 npm install @firecms/data_import,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:react(>=18.3.1 || >=19.0.0)、react-dom(>=18.3.1 || >=19.0.0)、react-router(^6.28.0)、react-router-dom(^6.28.0)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。

@firecms/data_import 支持 TypeScript 吗?

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

@firecms/data_import 支持 ESM 还是 CommonJS?

同时提供 ES Module 与 CommonJS 入口,import 和 require() 都可以使用,打包工具会自动选择合适的版本。

@firecms/data_import 可以商用吗?

@firecms/data_import 使用 未声明 许可。package.json 没有声明许可证。没有许可证的代码默认保留全部权利,商用前请联系作者或查看仓库中的 LICENSE 文件。以上为概括,不构成法律意见,请以许可原文为准。

@firecms/data_import 的下载量有多少?

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

@firecms/data_import 还在维护吗?

最新版本 3.5.2 发布于 2026/11/11(4 天前);至今共发布 317 个版本,其中过去 12 个月发布了 79 个;首次发布于 2023/10/24。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。