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