La vie avec ESM

Les modules ES (ESM) révolutionnent le développement JavaScript. Pensez import et à ses fonctionnalités connexes - la façon moderne de gérer le code JavaScript.

Les navigateurs modernes prennent désormais en charge l'ESM, simplifiant considérablement les projets JavaScript, surtout si vous avez dépassé Internet Explorer.

Avant ESM, le développement JavaScript impliquait plusieurs étapes:

1. Packages de récupération à partir de NPM à l'aide package.json et npm install .
2. Rédaction d'instructions d'importation qui n'étaient pas strictement valides ESM (pour la commodité du développeur), en supposant des importations à partir d'un dossier node_modules local.
3. S'appuyant sur un bundler pour gérer ces importations non standard, souvent pour l'optimisation des performances et les tâches comme la transpilation Babel.

La montée en puissance de l'ESM remet en question ces pratiques établies. Des questions sont soulevées:

• npm install est-elle vraiment nécessaire?
• Pouvons-nous éliminer le besoin de bundlers?
• Avec HTTP / 2, les CDN globaux et les optimisations du navigateur, le regroupement est-il toujours crucial pour les performances?
• Sommes-nous trop compilés notre code avec une compilation excessive?

De nouveaux outils émergent qui adoptent le potentiel de l'ESM. Snowpack 3, par exemple, démontre la puissance de ce changement: exécuter React (avec JSX) sans npm install , node_modules ou une étape de construction, tout en fournissant un serveur de développement et un rechargement chaud. Cette approche rationalisée est incroyablement efficace.

WMR (Web Module Runner), un autre outil innovant, partage une philosophie similaire avec Snowpack / Skypack. Il permet d'utiliser des packages NPM sans installation, prend en charge les modules JSX, TypeScript et CSS, et comprend des fonctionnalités comme un serveur de développement et un rechargement chaud.

Cette tendance vers l'ESM prend un élan significatif, même du côté nœud.js. Sindre Sorhus, un mainteneur de package NPM proéminent avec plus de 1000 packages, prévoit de migrer presque tous ses packages vers ESM, plaidant pour un format de sortie unique uniquement ESM. Ce décalage à l'échelle de l'écosystème a un impact significatif sur le développement basé sur le navigateur.

Pour les situations où le regroupement reste nécessaire (par exemple, les packages NPM pas encore compatibles ESM), les bundlers de nouvelle génération offrent des vitesses considérablement améliorées.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!