Le comportement d'exportation par défaut modifié de Babel 6 : un passage de la commodité à la cohérence sémantique

Dans un changement révolutionnaire, Babel 6 a révisé son approche pour exporter les valeurs par défaut, introduisant un passage du comportement précédent inspiré de CommonJS aux principes ES6 stricts. Ce changement a engendré à la fois des opportunités et des défis pour les développeurs.

Auparavant, Babel ajoutait la ligne "module.exports = exports['default']" aux déclarations d'exportation par défaut, permettant aux développeurs d'y accéder en tant que "require( './foo')" directement. Cependant, avec Babel 6, cette pratique a été abandonnée. Désormais, l'accès aux exportations par défaut nécessite une convention de dénomination explicite : "require('./foo').default".

Implications et solutions de contournement

Cette modification a créé le besoin de modifications de code dans les projets qui reposaient sur le comportement précédent. Bien que l'adoption de la syntaxe d'importation/exportation ES6 soit souhaitable dans de nombreux cas, certains codes existants peuvent nécessiter des solutions alternatives. plugin "exportations". Ce plugin réinsère la ligne "module.exports = exports['default']", émulant le mécanisme d'exportation pré-Babel 6.

Alternativement, les développeurs qui rencontrent le problème des exportations nommées se comportant différemment dans ES6 peuvent exporter explicitement les exportations autres que celles par défaut pour empêcher le remplacement d'objets de module.

const foo = { } exporter foo par défaut

const foo = {}
export default foo

"use strict" ; Object.defineProperty(exports, "__esModule", { valeur : vrai }); var foo = {}; exports["default"] = foo; module.exports = exports["default"];

const foo = {}
export default foo

"use strict" ; Object.defineProperty(exports, "__esModule", { valeur : vrai }); var foo = {}; exports["default"] = foo;

const foo = {}
export default foo

Le comportement d'exportation par défaut modifié de Babel 6 garantit le respect de la sémantique ES6, favorisant la cohérence et évitant toute confusion. Bien que cela nécessite quelques ajustements de code, cela contribue en fin de compte à l'adoption de normes et de pratiques JavaScript modernes.