Konwersja modułów CommonJS na ES w JavaScript

Wciąż w różnych dokumentacjach można spotkać importy w stylu modułów CommonJS. Musisz nauczyć się konwertować te importy na standardowe moduły ES.

W CommonJS importy wykonywane są za pomocą polecenia require, którego parametrem jest ścieżka do modułu. Wynik polecenia zapisywany jest w zmiennej:

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

Przepiszmy ten kod w stylu ES. Na początek zwróć uwagę na to, że w CommonJS nie podaje się rozszerzenia .js dla plików, a w ES - podaje się.

Następnie wszystko zależy od tego, czy moduł eksportuje domyślnie czy zwykły. W CommonJS nie ma różnicy, a w modułach ES - jest. Z reguły różnicę widać po przykładach kodu, albo można po prostu spróbować obu wariantów importu.

W naszym przypadku przytoczony import przepiszemy albo w takiej formie:

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

Albo w takiej formie:

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