借助wasm-pack创建wasm库

[wuyuedefeng]

wasm-pack网站

• https://rustwasm.github.io/wasm-pack/

初始化项目

# 创建项目
wasm-pack new wasm-lib
wasm-pack build
# 创建前端页面引用wasm
npm init wasm-app www --registry=https://registry.npmmirror.com

# 编译项目 并进入到pkg, link包 https://llever.com/rustwasm-book/game-of-life/hello-world.zh.html
npm link #pkg目录
npm link wasm-lib # www目录 // 或者添加依赖 " wasm-lib": "file:../pkg"
# 修改www/index.js
# 启动， 并访问： http://localhost:8080/
npm start

---

构建浏览器可以直接加载wasm文件

wasm-pack build --release --target web

[wuyuedefeng]

create vite example

npm create vite@latest www
npm i vite-plugin-wasm -D # https://github.com/Menci/vite-plugin-wasm

创建 vite.config.js

import { defineConfig } from 'vite';
import wasm from "vite-plugin-wasm";

export default defineConfig({
  // pass your local crate path to the plugin
  plugins: [
    wasm(),
  ]
});