這是 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 獲得程式碼,以及我們如何使用該程式碼。