Скачать или смотреть ES6 Tutorial - #10 Modules (import & export)

0:14 WebpackBin setup
0:43 CommonJS, AMD, UMD
2:24 import/export syntax support
3:31 Multiple named exports
5:09 Multiple named imports
7:10 Inline export
8:22 Export with an alias
10:20 Import with an alias
11:52 Default exports & imports
12:45 Default imports can be bound to any symbol
13:12 Inline default export
13:25 Don't mix export default with const
14:58 Default-exporting an anonymous func
15:42 Mixed exports & imports
18:07 Importing for side effects only
18:49 Exporting imported modules

Next on the list is import/export syntax, as well as module loading. Unlike CommonJS, ES6 imports are asynchronous, and unlike AMD (e.g. Require.JS), they are very straightforward to use. Keep in mind though that despite their native support in the latest browsers (read more here https://jakearchibald.com/2017/es-mod..., there's still a few caveats. For instance, Firefox requires you to enable the "ECMAScript modules" flag in about:config; you can always find out more in support tables https://caniuse.com/#feat=es6-module.

Modules are very promising, but it's probably still too early to use them raw in production, especially if you give priority to cross-browser support. Your best bet for now is to rely on a bundler, such as Webpack, along with a transpiler, such as Babel. For this tutorial though, I'll be using https://www.webpackbin.com

Beginner’s Guide to Modules in JS https://medium.freecodecamp.org/javas...

CommonJS vs. AMD vs. UMD https://www.davidbcalhoun.com/2014/wh...

ES6, Node.js, and Michael Jackson   / es6-modules-node-js-and-the-michael-jackso...