Преобразование CommonJS модулей в ES в JavaScript

До сих пор в различных документациях можно встретить импорты в стиле CommonJS модулей. Вам нужно научиться преобразовывать эти импорты в стандартные ES модули.

В CommonJS импорты выполняются с помощью команды require, параметром которой указывается путь к модулю. Результат команды записывается в переменную:

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

Давайте перепишем этот код в стиле ES. Для начала обратите внимание на то, что в CommonJS не ставится расширение .js для файлов, а в ES - ставится.

Далее все зависит от того идет ли из модуля экспорт по умолчанию или обычный. В CommonJS нет разницы, а в ES модулях - есть. Как правило, разница видна по примерам кода, либо можно просто попробовать оба варианта импорта.

В нашем случае приведенный импорт перепишется либо в таком виде:

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

Либо вот в таком виде:

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]);