CommonJS-moduulien muuntaminen ES-moduuleiksi JavaScriptissä

Eri dokumentaatiossa voi yhä tavata CommonJS-tyylisiä importteja. Sinun on opittava muuntamaan nämä importit standardeiksi ES-moduuleiksi.

CommonJS:ssä importit tehdään käyttämällä komentoa require, jonka parametrina määritetään polku moduuliin. Komennan tulos tallennetaan muuttujaan:

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

Kirjoitetaan tämä koodi uudelleen ES-tyyliin. Huomioi aluksi se, että CommonJS:ssä tiedostopäätettä .js ei käytetä, mutta ES-moduuleissa se käytetään.

Seuraavaksi kaikki riippuu siitä, viekkö moduuli oletusexportin vai tavallisen. CommonJS:ssä eroa ei ole, ES-moduuleissa - on. Yleensä ero näkyy koodiesimerkeistä, tai voit yksinkertaisesti kokeilla molempia importtivaihtoehtoja.

Meidän tapauksessamme esitetty importti kirjoitettaisiin uudelleen joko näin:

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

Tai näin:

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