为 npm 打包代码
我们已经完成了代码编写,现在需要将所有代码打包起来。在您的项目目录中运行以下命令
$ wasm-pack build --scope MYSCOPE
其中 MYSCOPE
是您的 npm 用户名。通常您只需键入 wasm-pack build
,但由于其他人也在做这个教程,我们不想与 wasm-add
包名发生冲突!运行此命令时会执行以下操作
- 如果尚未编译代码,它将编译您的代码到 wasm
- 它将生成一个 pkg 文件夹,其中包含 wasm 文件、围绕 wasm 的 JS 包装器文件、您的 README 和
package.json
文件。
这些是您将代码上传到 npm 所需的一切!让我们来做吧!
首先,您需要使用之前创建的帐户登录 npm,如果您还没有帐户,则需要创建一个。
$ wasm-pack login
接下来,您需要进入 pkg
目录并实际上传包
$ cd pkg
$ npm publish --access=public
现在,通常情况下,如果事情没有范围,您只需执行 npm publish
,但如果您为其指定了范围,则需要告诉 npm 这是一个公共包,以便它可以发布它。我们需要在这里这样做,因为我们为我们的包指定了范围,以避免彼此冲突!接下来是实际运行代码并验证我们是否从 npm 获取了代码以及如何使用该代码。