#web #build-tool #bundler #wasm-build

app dister

构建和捆绑您的wasm网络应用程序

10个版本

0.1.9 2022年4月20日
0.1.8 2022年4月20日

466WebAssembly

每月下载 32

MIT 许可证

5KB

dister

dister 构建和捆绑您的wasm网络应用程序。

安装

cargo安装 dister

要求

  • wasm32-unknown-unknown 目标

rustuptarget add wasm32-unknown-unknown

  • Wasm-bindgen

cargo安装 wasm-bindgen-cli

  • Wasm-opt(可选,如果找到PATH中的wasm-opt并且向dister build传递了--release标志,则调用wasm-opt)。

可以从binaryen仓库的发行版下载。

用法

USAGE:
    dister <SUBCOMMAND>

SUBCOMMANDS:
    build     Build your wasm web app
    clean     Clean output artifacts
    serve     Serve the generated index.html
    deploy    Creates a desktop app using the wasm web app for frontend
    --help    Prints this message or the help of the given subcommand(s)

从您的wasm rust应用程序目录的清单目录中运行: dister builddister build --release

它应该在清单目录中生成一个dist文件夹。生成的html索引文件可以通过任何服务器或通过运行dister serve来提供服务。如果您想使用其他服务器进行开发,请将dist目录传递给服务器:python3 -m http.server --dir dist

如果dister在清单目录中找到index.html外壳,它将使用它并用一个脚本替换{{SCRIPT}}占位符(类似于emscripten外壳html)来加载生成的js粘合代码。

<html>
  <head>
  <meta charset="utf-8">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
    {{SCRIPT}}
  </body>
</html>

要创建桌面应用程序

dister deploy --width=800 --height=600 --title="app name"

依赖项

~0.7–1MB
~21K SLoC