Podpora modulů ES <script type="module"></script> je v dnešní době docela dobrý. Prohlížeče, které je podporují, si dokážou poradit i s moderním JavaScriptem (funkce šipek, let/const, ...). To je skvělé, protože do modulů ES můžete zahrnout méně polyfillů JavaScriptu.
Aby to fungovalo, musíte vygenerovat dvě verze zdrojového kódu. Jedna verze se načítá jako "normální skript", cílí na starší prohlížeče a obsahuje mnoho polyfillů.
Druhá verze se načte jako modul EcmaScript. Zaměřuje se na stále zelené prohlížeče a zahrnuje víceméně nejnovější syntaxi JavaScriptu.
<!-- do not include polyfills -->
<script src="evergreen.js" type="module"></script>
<!-- ship lots of polyfills and babel magic -->
<script src="old.js" type="nomodule"></script>
Vymýšlím tento přístup! Jason Miller vydal pěkný nástroj s názvem „Worth it“. Pomůže vám zjistit, jaké jsou úspory při přepravě „nenaplněných balíčků“. Je to fascinující a stojí za shlédnutí! Úspora není tak velká, jak jsem očekával. Možná, že modul/nomodule bridge za to pro váš web nestojí?
