为 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 获取了代码以及如何使用该代码。