@codesandbox/sandpack-client

中文文档
2.19.8发布于 2024/09/12Apache-2.0TypeScriptESM + CJS近 30 天下载 618.2万
Component toolkit for live running code editing experiences
原始使用文档
Component toolkit for live running code editing experiences

Sandpack client

This is a small foundation package that sits on top of the bundler. It is framework agnostic and facilitates the handshake between your context and the bundler iframe.

import { loadSandpackClient } from "@codesandbox/sandpack-client";

const main = async () => {
  const client = await loadSandpackClient("#preview", {
    files: {
      "/index.js": {
        code: `console.log(require('uuid'))`,
      },
    },
    entry: "/index.js",
    dependencies: {
      uuid: "latest",
    },
  });
}

Read more

版本与发布记录

@codesandbox/sandpack-client 共发布 179 个版本,首次发布于 2021/03/12;过去 12 个月发布了 0 个版本。

版本发布日期距今
2.19.8latest2024/09/122 年前
2.19.72024/09/112 年前
2.19.42024/09/102 年前
2.19.02024/08/222 年前
2.18.22024/07/312 年前
2.18.12024/07/252 年前

其他发布通道:beta → 0.1.14-beta.3,canary → 2.0.1-alpha.0。

关于 @codesandbox/sandpack-client 的常见问题

如何安装 @codesandbox/sandpack-client?

在项目目录运行 npm install @codesandbox/sandpack-client,或使用 pnpm add / yarn add / bun add。

@codesandbox/sandpack-client 支持 TypeScript 吗?

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

@codesandbox/sandpack-client 支持 ESM 还是 CommonJS?

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

@codesandbox/sandpack-client 可以商用吗?

@codesandbox/sandpack-client 使用 Apache-2.0 许可。宽松许可:允许商业使用、修改和再分发,并附带明确的专利授权;分发时需保留许可与 NOTICE 文件,修改过的文件要注明改动。以上为概括,不构成法律意见,请以许可原文为准。

@codesandbox/sandpack-client 的下载量有多少?

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

@codesandbox/sandpack-client 还在维护吗?

最新版本 2.19.8 发布于 2024/09/12(2 年前);至今共发布 179 个版本,其中过去 12 个月发布了 0 个;首次发布于 2021/03/12。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。