如何在Vite中使用嵌入式WebAssembly？

Question

我想使用这个很棒的包：https://github.com/hpcc-systems/hpcc-js-wasm 它将 Web assembly (graphizlib.wasm) 与要使用的 Javascript 函数捆绑在一起。我将其添加为 package.json 中的依赖项。

  "dependencies": {
    "@hpcc-js/wasm": "^1.13.0"
  },

当我现在运行 Vite 开发服务器时，很容易找到 Javascript 代码。但 wasm 不可用。特别是，我收到此错误消息：

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/graphvizlib.wasm

我不确定如何使嵌入式 Web 程序集可用于我的网站。它位于依赖包中。请参阅 #1，在 node_modules (#2) 中，在 @hpcc-js/wasm/dist 文件夹中 (#3)

我也用 Vite 的构建配置尝试过 - 没有访问权限。

Answer 1

基本上，您需要像对待任何“静态资源”（如 png 或 jpeg）一样对待 wasm 文件。根据浏览器默认查找文件的位置，最快的解决方案是将 wasm 文件复制到您的公共文件夹。

如果失败，您可以在此处查看 Vite 文档：https ://vitejs.dev/guide/assets.html

在 @hpcc-js/wasm 方面，请查看此处的“wasmFolder”文档：https: //github.com/hpcc-systems/hpcc-js-wasm#wasmFolder，因为它可以让您覆盖默认位置。