配置 wasm 开发环境笔记

今天在配置 wasm 环境，把安装步骤中遇到的问题写一下。

环境配置部分

1. 安装 wasm-pack CLI 工具：

   cargo install wasm-pack

2. 由于 wasm-pack 会在运行时安装 wasm-bindgen，这一步由于国内的网络环境很慢，可以提前手动安装：

   cargo install wasm-bindgen-cli

   注意这里要跟 Cargo.toml 里面的版本号一致。

3. 在编译完成后，wasm-pack 默认会使用 wasm-opt 工具进行大小优化，而这个工具也是运行时下载安装的。如果要挂代理，需要手动设置环境变量，并 在管理员权限下运行一次 wasm-pack 以安装 wasm-opt 工具：

   > $env:HTTPS_PROXY="http://192.168.31.157:1080"
   > wasm-pack build

开发部分

将 wasm 项目加入 node 项目的依赖：

# package.json
{
    "dependencies": {
        "utils": "file:../utils/pkg"
    }
}

在 js 中引入：

// 编译时引入
import * as utils from "utils";
// 运行时引入
import("utils/utils.js").then(utils => utils.foo());