当前位置: 首页 > Web前端 > vue.js

vue中使用wasm

时间:2023-03-31 16:35:47 vue.js

,刚学了半天前端的东西,才放上去。记录下。刚开始使用插件直接加载wasm的时候,发现没有办法传多个参数。我还是用原来生成的js文件加载。如何编译c/c++代码可以看wasm总结把wasm放到vue中,需要修改:添加配置constCopyWebpackPlugin=require('copy-webpack-plugin');plugins:[newCopyWebpackPlugin([{from:"./src/wasm/out/sig_handler.wasm",to:"./static/js/sig_handler.wasm"},])]大概意思是把wasm文件放到打包后的static/js/位置,让wasm编译时生成的gluejs文件可以访问wasm文件,然后在生成的gluejs文件末尾添加exportdefaultModule;这样,constOriginalVueWasm=import('@/wasm/out/sig_handler')导入后,使用asyncfunctionwaitwasm(){constwasmmodule=awaitOriginalVueWasm;wasmmodule.default.onRuntimeInitialized=()=>{Vue.prototype.$wasm=wasmmodule.default;//新的Vue...}}(async()=>{waitwasm()})()这样可以在vue中通过this.$wasm访问