`wasm_exec.js`を読み込む

wasm_exec.jsはpublic配下に置いています

個人的に<NextScript />の上に置いた方がscriptが並んで気持ちいいです

_document.tsx

import Script from 'next/script'

<Script strategy='beforeInteractive' src='wasm_exec.js' />

ref

webpackの`asyncWebAssembly`を加える

next.config.js

const nextConfig = {
  webpack: (config) => ({
    ...config,
    experiments: {
      asyncWebAssembly: true,
    },
  }),
}

module.exports = nextConfig

ref

実行!

main.wasmはpublic配下に置いています

WebAssembly.instantiateStreaming(fetch('main.wasm'), go.importObject).then(
  (res) => go.run(res.instance),
)

(CLI上のgo run XXXX.goと同じです)

あっという間でしたね😸

このスクラップは2023/03/23にクローズされました

wasm_exec.jsを読み込む

ref

webpackのasyncWebAssemblyを加える

ref

実行!

`wasm_exec.js`を読み込む

webpackの`asyncWebAssembly`を加える