Modern web applications consist of hundreds and thousands of files of different kinds. To manage this complexity and streamline app delivery developers started using the same approach as on desktops: compile & link. In relation to a web application compilation usually means transpiling, while linking means bundling.
Same goes for libraries and other packages that web applications depend on and install from registries like npm. But the actual code in these registries is almost always exists in a form of the old ES5. It is harder to read and debug such code, it may run worse on modern engines, and it will be down compiled one more time during the app build process.
Publishing ES5 code isn’t that necessary anymore and may be avoided. An app could rely on the code in it’s original form while providing better efficiency, dead code elimination, and easier debugging experience.
Raw Module Specification or
- Package MUST follow Node.js ESM package format and have the
moduletype in its
- Package MUST contain valid ESM modules.
- Package MUST NOT contain any code using features unsupported in the latest stable
core-js. Usually this means simply not using unfinished proposals.
- Upgrading to a newer major Babel version IS a breaking change.
Installing a package
- Install the latest stable
- Install the package.
- At build time compile the package with Babel using
@babel/preset-envpreset and load stable polyfills from
core-js(this could be done in preset options setting
Upgrading the package
core-jsto their latest stable versions.
- Upgrade the package.
If you’re interested in this approach and want to help with developing and improving the specification, please join the discussion here or open an issue on GitHub.