ES6 - modules

modules.js

// ES6 modules
// =============

// Compartments of code in ES6. Declared as strings with a keyword.

module 'fruit' {
  export var list = ['Apple', 'Banana', 'Grape'];

  export var makeSmoothie = function() {
    // ...
  }
}

// Modules can be nested:

module 'fruit' {
  export var list = ['Apple', 'Banana', 'Grape'];

  module 'smoothie' {
    export var make = function() {
      // ...
    }
  }
}

// Importing modules, also with a keyword.

import 'fruit' as fruit;

// fruit.list
// => ['Apple', 'Banana', 'Grape']

// You can import with a string forward slash syntax:

import 'fruit/smoothie' as smoothie;

// ... and destructure as you import modules:

import {makeSmoothie} from 'fruit/smoothie';

// typeof makeSmoothie
// => function