CommonJS modulok átalakítása ES modulokká JavaScriptben

A különböző dokumentációkban még mindig találkozhatunk CommonJS stílusú importokkal. Meg kell tanulnod átalakítani ezeket az importokat a szabványos ES modulokká.

A CommonJS-ben az importok a require paranccsal történnek, melynek paramétere a modul elérési útja. A parancs eredménye egy változóba kerül:

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

Írjuk át ezt a kódot ES stílusra. Először is figyelj arra, hogy a CommonJS-ben nincs megadva a .js kiterjesztés a fájloknak, míg az ES moduloknál - meg van adva.

Ezután minden attól függ, hogy a modul alapértelmezett exportot vagy named exportot használ-e. A CommonJS-ben nincs különbség, az ES modulokban - van. Általában a különbség látható a kódpéldákon, vagy egyszerűen ki lehet próbálni mindkét import változatot.

Esetünkben a megadott import vagy ilyen formában lesz átírva:

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

Vagy ilyen formában:

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