束Wasm+;使用webpack将JS文件转换为一个 我现在使用EnScript来编译我们的C++代码到WASM中。通过这样做,我输出了两个文件*.js和*.wasm。稍后,我将使用我们的实现在上面编写更多Javascript代码,这将导致我们生成3个文件: index.js wasmFile.js wasmFile.wasm
我尝试使用webpack创建一个文件,该文件将在构建时而不是在运行时使用以下代码打包所有内容:束Wasm+;使用webpack将JS文件转换为一个 我现在使用EnScript来编译我们的C++代码到WASM中。通过这样做,我输出了两个文件*.js和*.wasm。稍后,我将使用我们的实现在上面编写更多Javascript代码,这将导致我们生成3个文件: index.js wasmFile.js wasmFile.wasm,javascript,webpack,emscripten,webassembly,Javascript,Webpack,Emscripten,Webassembly,我尝试使用webpack创建一个文件,该文件将在构建时而不是在运行时使用以下代码打包所有内容: function loadScript(url = "wasmFile.js") { var script = document.createElement( "script" ); script.src = url; document.getElementsByTagName( "head" )[0].appendChild( script ); await new
function loadScript(url = "wasmFile.js") {
var script = document.createElement( "script" );
script.src = url;
document.getElementsByTagName( "head" )[0].appendChild( script );
await new Promise<void>((res) => {
Module.onRuntimeInitialized = () => res();
});
}
我们在这件事上遗漏了什么吗?或者我可以用另一个软件包来完成这个任务?任何帮助都会很好
谢谢
module.exports = {
entry: './src/index.ts',
module: {
rules: [
{
test: /\.tsx?$/,
use: 'ts-loader',
exclude: /node_modules/
},
{
test: /\.ts$/,
enforce: 'pre',
loader: 'tslint-loader',
options: {
emitErrors: true
}
}
]
},
resolve: {
extensions: ['.tsx', '.ts', '.js']
},
output: {
filename: 'index.js',
path: path.resolve(__dirname, 'dist')
}
};