ネコと和解せよ

Vue3でwasmを含んだnpmモジュールを使う

どうにもならなくてChatGPTさんに聞いたら1発でした。


Vue 3でWebAssemblyを使用するには、まずwasmファイルを読み込むためのローダーが必要です。Vue CLIを使用している場合は、以下のようにして、 vue.config.jsファイルにWebAssemblyローダーを追加できます。

$npm install wasm-loader --save-dev

で、

module.exports = {
  chainWebpack: config => {
    // WebAssembly Loaderを追加
    config.module
      .rule('wasm')
      .test(/\.wasm$/)
      .use('wasm-loader')
      .loader('wasm-loader')
      .end()
  }
}