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:

let 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:

import math from './math.js';

Tai näin:

import * as math from './math.js';

Kirjoita seuraava koodi uudelleen ES-moduulien tyylillä:

let {square, cube} = require('./math');

Kirjoita seuraava koodi uudelleen ES-moduulien tyylillä:

let math = require('./math');
let res  = math.square(2) + math.cube(3);

Kirjoita seuraava koodi uudelleen ES-moduulien tyylillä:

let sum = require('./sum');
let res = sum([1, 2, 3]);