使用 JSR 与 Vite

Vite 是一款构建工具，旨在为现代 Web 项目提供更快速、更简单的开发体验。

JSR 包可以通过使用 JSR 的 npm 兼容性层 在 Vite 中使用。

首先，创建一个新的 Vite 项目

npm init vite@latest
yarn create vite
pnpm create vite

然后，您可以使用 jsr CLI 添加 JSR 包。这会将包添加到您的 package.json 中，并使用您首选的包管理器（npm、yarn 或 pnpm）将其安装到您的 node_modules 文件夹中。

npx jsr add @std/encoding

注意：您应该检查已创建到源代码控制中的 .npmrc 文件。如果没有它，将来对 npm install / yarn / pnpm install 的调用将无法成功。

然后，您可以在代码中导入 JSR 包。

import { encodeBase64 } from "@std/encoding/base64";

document.querySelector<HTMLDivElement>("#app")!.innerHTML = encodeBase64(
  "Hello World!",
);

运行 vite 启动本地开发服务器将在 https://127.0.0.1:5173 上提供您的应用程序。然后，您可以访问 https://127.0.0.1:5173 查看它。

$ vite

了解更多关于使用包的信息。