Преобразование 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]);