使用 Rust+wasm-pack+Vite+svelte 组合拳的例子

[Honwhy]

使用 Rust+wasm-pack+Vite+svelte 组合拳的例子

• github 地址：github.com/honwhy/urlsafe-base64
• 验证目的

验证 Rust 编写的 wasm ，可以发布到 npmjs.org 并且可以给 web 项目使用

• 步骤要点

Rust 项目编码打包

wasm-pack build --target bundler #这么打包方便 webpack vite 等工具处理 wasm 在 web 中加载的问题
wasm-pack login
wasm-pack publish

项目中使用

npm create vite@latest # 选择 vite+svelte 模板

然后加入依赖等

npm install --save @honwhy/urlsafe-base64
npm install --save-dev vite-plugin-wasm

然后调整vite.config.js文件

import wasm from "vite-plugin-wasm";
export default defineConfig({
  plugins: [svelte(),wasm()],
})

启动测试

npm run dev

[GreatAuk]

性能有明显优势吗？相对原生 js

[Honwhy]

@GreatAuk 从我了解到的情况是的，但我这个 demo 作品只是首先将理论验证了，后续可以安排下性能测试。

[xiaoxiuaoliang]

关注

[xieren58]

svelte -> solidjs

[studyingss]

花了两天时间，找了一堆资料，搜到这个帖子终于弄好了。
还有一种方法貌似是用 target web ，一直弄不好。https://github.com/rustwasm/wasm-bindgen/issues/3306
vite-plugin-wasm 还不支持 ts 。
菜鸟学 rust 真是痛苦。