使用 wasm-pack

这个工具由 Rust / Wasm 工作组开发维护,并且是现在最为活跃的 WebAssembly 应用开发工具。 它支持将代码打包成 npm 模块,并且随附了 Webpack 插件,可以轻松的与已有的 JavaScript 应用结合。可以点击这里了解更多。

使用 wasm-pack - 图1备注

注:如果使用 wasm-pack作为开发工具,Cargo.toml 中的 crate-type 需要指定为 cdylib

  1. [lib]
  2. crate-type = ["rlib", "cdylib"]

安装

  1. cargo install wasm-pack

构建

这条命令将在工程根目录下的 ./pkg 目录中生成打包后的应用,其中包含应用的 WebAssembly 文件以及用来启动应用的 JavaScript 包装器。

  1. wasm-pack build --target web

打包

关于 Rollup 的更多信息,请查看这篇指南

  1. rollup ./main.js --format iife --file ./pkg/bundle.js

当使用诸如 rollup.js 打包时,你可以省去 --target web

部署

选取你喜爱的服务器。这里我们使用一个简单的 Python 服务器来部署项目

  1. python -m http.server 8000

如果您没有安装 Python,您可以安装并使用simple-http-server crate 作为替代。