WASM打包示例指南

欢迎访问WASM示例页面！以下是关于使用wasm-pack构建WebAssembly模块的详细说明：

🛠️ 什么是WASM打包？

WebAssembly（WASM）是一种二进制指令格式，可运行在现代浏览器中。wasm-pack是Rust生态中用于打包WASM的工具，能自动生成JavaScript绑定。

📚 扩展阅读

点击查看官方文档

📌 快速上手步骤

1. 安装依赖
   首先确保已安装Rust工具链和wasm-pack：

   cargo install wasm-pack
   

2. 初始化项目
   创建新目录并生成Cargo.toml：

   mkdir my_wasm_project
   cd my_wasm_project
   wasm-pack new .
   

3. 编写代码
   在src/lib.rs中实现简单功能：

   #[wasm_bindgen]
   pub fn greet(name: &str) -> String {
       format!("Hello, {}!", name)
   }
   

4. 构建模块
   运行以下命令生成.wasm文件：

   wasm-pack build --target web
   

5. 运行示例
   将生成的pkg/目录放入HTML项目，调用greet()函数：

   <script type="module">
     import * as myModule from './pkg/my_wasm_project.js';
     myModule.greet("World").then(result => console.log(result));
   </script>
   

📷 图片展示

🚀 实际应用场景

• 前端交互：通过WASM加速复杂计算
• 游戏开发：利用Rust性能优势开发浏览器游戏
• 工具库：创建可嵌入的WebAssembly工具

需要更多示例代码？前往示例仓库查看完整项目！