这是 wasm-pack 的**未发布**文档,已发布的文档可在 主 Rust 和 WebAssembly 文档网站上找到 。此处记录的功能可能在 wasm-pack 的发布版本中不可用。

为 npm 打包代码

我们已经完成了代码编写,现在需要将所有代码打包起来。在您的项目目录中运行以下命令

$ wasm-pack build --scope MYSCOPE

其中 MYSCOPE 是您的 npm 用户名。通常您只需键入 wasm-pack build,但由于其他人也在做这个教程,我们不想与 wasm-add 包名发生冲突!运行此命令时会执行以下操作

  1. 如果尚未编译代码,它将编译您的代码到 wasm
  2. 它将生成一个 pkg 文件夹,其中包含 wasm 文件、围绕 wasm 的 JS 包装器文件、您的 README 和 package.json 文件。

这些是您将代码上传到 npm 所需的一切!让我们来做吧!

首先,您需要使用之前创建的帐户登录 npm,如果您还没有帐户,则需要创建一个。

$ wasm-pack login

接下来,您需要进入 pkg 目录并实际上传包

$ cd pkg
$ npm publish --access=public

现在,通常情况下,如果事情没有范围,您只需执行 npm publish,但如果您为其指定了范围,则需要告诉 npm 这是一个公共包,以便它可以发布它。我们需要在这里这样做,因为我们为我们的包指定了范围,以避免彼此冲突!接下来是实际运行代码并验证我们是否从 npm 获取了代码以及如何使用该代码。