关于vue.js:vue中使用wasm

刚学前端的货色弄了很久才放进去，记录一下，刚开始应用插件间接加载wasm发现多个参数没方法传，还是应用原始产生的js文件来加载。

怎么编译c/c++代码可见 wasm总结

把wasm放到vue里，要批改：

• 在vue.config.js中增加配置

const CopyWebpackPlugin = require('copy-webpack-plugin');
plugins: [
      new CopyWebpackPlugin([
            {
              from: "./src/wasm/out/sig_handler.wasm",
              to  : "./static/js/sig_handler.wasm"
            },
        ])
    ]

意思大略是把wasm文件放到打包后的static/js/地位，这样编译wasm过程中生成的胶水js文件就能拜访到wasm文件了

• 而后在生成的胶水js文件开端加上

export default Module;

• 这样就能在main.js中导入了

const OriginalVueWasm = import('@/wasm/out/sig_handler')

导入之后应用

async function waitwasm() {
  const wasmmodule = await OriginalVueWasm;
  wasmmodule.default.onRuntimeInitialized = () => {
    Vue.prototype.$wasm = wasmmodule.default;
    //new Vue ...
  }
}


(async () => {
  waitwasm()
})()

这样在vue里就能通过this.$wasm来拜访了