適用於 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 獲取它的,以及我們如何使用該代碼。