1个不稳定版本
| 0.1.0 | 2022年3月10日 |
|---|
#19 in #wasm-file
8KB
关于
此模板展示了构建前端Web应用所需的最小代码和工具，该应用具有简单可部署的工件，包括一个HTML文件、一个JavaScript文件和一个WebAssembly文件，使用Yew、wasm-bindgen和wasm-pack。
注意：yew-wasm-pack-template是此模板的完整功能版本，集成了许多常见的Web技术。
用法
1) 安装Rust和wasm-pack
按照https://www.rust-lang.net.cn/tools/install中的说明进行操作，并遵循wasm-pack中的安装链接。
2) 构建
从您的项目根目录中，输入wasm-pack build --target web。
3) [临时] 打包
从您的项目根目录中，输入rollup ./main.js --format iife --file ./pkg/bundle.js。
注意：由于尚未实现wasm-pack的RFC #6，目前没有可用的选项来生成单个混合JavaScript文件。在此期间，必须使用打包器，例如Rollup。
4) [可选] 测试运行
从您的项目根目录运行一个web服务器，例如使用Python 3命令：python -m http.server 8080，然后在浏览器中加载https://127.0.0.1:8080/以运行应用程序。
注意：浏览器控制台显示类似“WebAssembly.instantiateStreaming失败。假设这是由于您的服务器未以application/wasm MIME类型提供wasm”的错误是预期行为。您的生产Web服务器应配置为将WebAssembly文件与application/wasm MIME类型相关联。
如果您已成为正统的Rust用户，则可以使用see或miniserve服务器共享资源
miniserve -p 8000 --index index.html
5) 部署
从项目的根目录访问您生成的构建工件，bundle.js 和 yew_wasm_pack_minimal_bg.wasm，位于 ./pkg。
依赖关系
~3–4.5MB
~86K SLoC