Comportamento de exportação padrão modificado do Babel 6: uma mudança da conveniência para a consistência semântica

Em uma mudança inovadora, o Babel 6 revisou sua abordagem para exportando valores padrão, introduzindo uma mudança do comportamento anterior inspirado no CommonJS para princípios estritos do ES6. Essa mudança trouxe oportunidades e desafios para os desenvolvedores.

Anteriormente, Babel anexou a linha "module.exports = exports['default']" às declarações de exportação padrão, permitindo que os desenvolvedores as acessassem como "require( './foo')" diretamente. No entanto, com o Babel 6, esta prática foi descontinuada. Agora, o acesso às exportações padrão requer uma convenção de nomenclatura explícita: "require('./foo').default".

Implicações e soluções alternativas

Esta alteração criou o necessidade de modificações de código em projetos que dependiam do comportamento anterior. Embora a adoção da sintaxe de importação/exportação ES6 seja desejável em muitos casos, alguns códigos legados podem exigir soluções alternativas.

Para preservar a funcionalidade antiga sem exigir correções manuais, pode-se empregar o "babel-plugin-add-module- exporta" plug-in. Este plugin reinsere a linha "module.exports = exports['default']", emulando o mecanismo de exportação pré-Babel 6.

Como alternativa, os desenvolvedores que encontrarem o problema com exportações nomeadas se comportando de maneira diferente no ES6 podem exportar explicitamente exportações não padrão para evitar substituições de objetos de módulo.

Exemplo:

Input:

const foo = {}
export default foo

Saída com Babel 5:

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
var foo = {};
exports["default"] = foo;
module.exports = exports["default"];

Saída com Babel 6 (e plugin es2015):

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
var foo = {};
exports["default"] = foo;

Conclusão

O comportamento de exportação padrão modificado do Babel 6 garante adesão à semântica ES6, promovendo consistência e evitando confusão. Embora exija alguns ajustes de código, em última análise, contribui para a adoção de padrões e práticas modernas de JavaScript.