es-module-shims

The only long term solution I've found that works is to minimize the need for 3rd party dependencies in the first place. I completely gave up on bundling and all forms of optimization beyond that. Turns out it doesn't matter as long as the total amount of source for your site is less than what twitter or Facebook use (it will be). I recently had to take a dep on three.js and a few others items for a side project, and instead of reaching for one of the various toolchains, I grabbed the raw JS/module source and wrote my own import map by hand: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sc... Note that you will need an ES module shim for iOS/Safari if you go this path: https://github.com/guybedford/es-module-shims

https://github.com/guybedford/es-module-shims has a polyfill. (But it is fairly large: 53KB raw, 15KB gzipped, 32KB minified, 11KB minified+gzipped. It’s providing a lot of likely-unnecessary functionality. I’d prefer a stripped-down and reworked polyfill that can also be lazily-loaded, controlled by a snippet of at most a few hundred bytes that you can drop into the document, only loading the polyfill in the uncommon case that it’s needed—like how five years ago as part of modernising some of the code of Fastmail’s webmail, I had it fetch and execute core-js before loading the rest iff !Object.values (choosing that as a convenient baseline—see https://www.fastmail.com/blog/using-the-modern-web-platform/... for more details), so that the cost to new browsers of supporting old browsers was a single trivial branch, and maybe fifty bytes in

Safari support is enabled with https://github.com/guybedford/es-module-shims

No problem! There's also a polyfill if you need to support Safari: https://github.com/guybedford/es-module-shims

You can use ES6 imports for JS and CSS directly in the browser, by including es-module-shims[1]. No need for a package manager, transpiler, or build step. <script type="module"> import Pkg from 'https://site.com/pkg.js' import sheet from 'https://site.com/sheet.css' assert { type: 'css' }; </script> 1: https://github.com/guybedford/es-module-shims