Conversão de Módulos CommonJS para ES em JavaScript

Ainda é possível encontrar imports no estilo de módulos CommonJS em várias documentações. Você precisa aprender a converter esses imports para os módulos ES padrão.

No CommonJS, os imports são feitos usando o comando require, cujo parâmetro especifica o caminho para o módulo. O resultado do comando é armazenado em uma variável:

src/index.jslet math = require('./math');

Vamos reescrever este código no estilo ES. Para começar, preste atenção no fato de que no CommonJS a extensão .js não é usada para arquivos, enquanto no ES ela é usada.

Em seguida, tudo depende se o módulo exporta por padrão (default) ou se é uma exportação nomeada. No CommonJS não há diferença, mas nos módulos ES - há. Normalmente, a diferença é visível nos exemplos de código, ou você pode simplesmente tentar ambas as formas de importação.

No nosso caso, o import mostrado será reescrito desta forma:

src/index.jsimport math from './math.js';

Ou desta forma:

src/index.jsimport * as math from './math.js';

src/index.jslet {square, cube} = require('./math');

src/index.jslet math = require('./math');
let res  = math.square(2) + math.cube(3);

src/index.jslet sum = require('./sum');
let res = sum([1, 2, 3]);