请描述将 Rust 代码编译为 WebAssembly 的过程，并解释 wasm-pack 和 wasm-bindgen 在其中的作用。
考察说明
考查对 Rust 编译为 WebAssembly 工具链的理解，特别是 wasm-pack 和 wasm-bindgen 的功能与区别。
回答思路
- 【回答框架 1】将 Rust 代码编译为 WebAssembly 通常使用 rustc 的 wasm32-unknown-unknown 目标，或通过 cargo build --target wasm32-unknown-unknown 实现。这一步骤生成 .wasm 二进制文件，但直接与 JavaScript 交互较为复杂。
- 【回答框架 2】wasm-bindgen 是一个库和工具，它帮助 Rust 与 JavaScript 之间进行高级别互操作。它允许在 Rust 中定义导出函数，并自动生成绑定代码，处理类型转换（如字符串、数组、对象）和内存管理，使得函数调用变得简单。
- 【回答框架 3】wasm-pack 是一个更高层的工具，它整合了编译、优化、生成 JavaScript 包装代码以及打包成 npm 包的流程。它通常与 wasm-bindgen 配合使用，自动调用 wasm-bindgen，并生成适合 Web 或 Node.js 使用的模块。
- 【回答框架 4】具体流程包括：安装 wasm-pack，运行 wasm-pack build，它会编译 Rust 代码为 wasm，并生成 JavaScript 胶水代码和 TypeScript 类型定义。生成的包可以发布到 npm 或本地导入。
- 【关键点 1】wasm-pack 简化了 Rust 到 WebAssembly 的构建、打包和发布流程。
- 【关键点 2】wasm-bindgen 负责生成 JavaScript 绑定和类型转换。
- 【关键点 3】Rust 编译目标为 wasm32-unknown-unknown。
- 【易错点 1】未区分 wasm-pack 和 wasm-bindgen 的职责，容易混淆。
- 【易错点 2】忽略 wasm-bindgen 的内存管理机制，可能导致内存泄漏。
- 【易错点 3】未考虑不同目标环境（Web vs Node）对打包方式的差异性。