npm-es-modules-4-esm-webpack

Breakdown of 7 different ways to use ES modules with npm today.

This approach uses esm for Node.js and babel+webpack to compile browser source files.

• Source files end in .mjs
  • One exception is the commonjs entrypoint, main.js
• Supports all three targets main module, and browser
• The only target that is compiled is browser, making debugging the Node.js version easier

Approaches

1. naive - The most naive possible use of ES modules supporting our functionality. This approach is broken and provided as an example starting point.
2. babel - Uses babel to transpile all Node.js and browser source files.
3. esm-rollup - Uses esm for Node.js and babel+rollup to compile browser source files.
4. esm-webpack - Uses esm for Node.js and babel+webpack to compile browser source files.
5. rollup - Uses babel+rollup to compile all Node.js and browser source files.
6. webpack - Uses babel+webpack to compile all Node.js and browser source files.
7. typescript - Uses typescript to transpile all Node.js and browser source files.

License

MIT © Travis Fischer