今天在配置 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
   

开发部分

假设你的项目名为 utils。

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

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

在 js 中引入：

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