[ESM library] How to enable esm library mode

[JSerFeng]

In the future, rspack will support more pretty es-module library output, whose output is similar to Rollup or esbuild, no extra runtime needed (well, almost), you can see demo below to see the differences

Before

exports.id = 'src_main_js.js'
exports.modules = { "./src/main.js": function(__webpack_require__, __webpack_exports__) { __webpack_exports__.value = 1 } }

Future will be

export const value = 1

There are some options I've found

output.module = 'lib'

Currently output.module is a boolean type, which enables es module output, we can make this config to be an enum, like 'lib' | 'app', the true means app

experiments.outputModule = 'lib'

Like output.module, currently this is a boolean type and present as a switch to enable output.module, we can make this an enum as well

Other

Leave your comments below