Bundle size too big because of debug about quickjs-emscripten

[justjake]

Yes, this is something I’d like to address. I made an attempt to produce a module-native build about a year ago, but ran into substantial issues with Typescript’s build modes at the time. I think the situation has improved to the point that this may be easier to do without involving a bundler like ESBuild or Rollup. Bundlers are fine but I’d like to avoid the extra complexity.

[justjake]

Update: Bundlephobia reports the library size as 10kb now 🎉 https://bundlephobia.com/package/[email protected].

[niedzielski]

Thank you for writing this super cool library! I've just started exploring it in detail and found a couple notes that seem relevant to this issue that I wanted to share.

1. esm.sh builds are pre-bundled. I don't think these can be easily be split or tree-shaken. Here's an example (ignore the giant blob of Deno built-ins, npx source-map-explorer public/dist/*.js):
2. The NPM install seems to require a lot of manual externalization for unused imports. Here's an example from esbuild with the defaults: and with externals: . The minified gzipped size of the latter is about a half-megabyte (cat dist/*.js|gzip --best|wc -c).

external config for the latter:

/** @type {esbuild.BuildOptions} */
const options = {
  bundle: true,
  entryPoints: [input],
  external: [
    '*.WASM_DEBUG_ASYNC.js',
    '*.WASM_DEBUG_SYNC.js',
    '*.WASM_RELEASE_SYNC.js',
    '*.WASM_DEBUG_ASYNCIFY.js',
    'fs',
    'path'
  ],
  sourcemap: 'linked',
  format: 'esm',
  logLevel: 'warning',
  outfile: output,
  platform: 'browser',
  minify: true,
  treeShaking: true
}

I think it'd be really handy to split the entrypoints exposed by the library so that users can import just the one relevant to their project. For power users, it'd be awesome to expose the .wasm blobs instead of inlining them as base64. I think this would look like an entrypoint with just the JavaScript bindings and an API that accepted a Wasm URL (coincidentally, esbuild is also available in Wasm and takes this approach--example).

Thank you again for this really library! I just wanted to share these notes before I lost them!