COMMONJS

目的：JS模块化开发

问题：跨命名空间调用

// A.js
var a = 1;

// B.js
var b = a + 2;

那么B将报错，因为a没有在B中定义。

解决：把每个js文件作为一个Module，通过exports导出，require导入

// A.js
var a = 1;
module.exports = a;

// B.js
var a = require("./A.js");
var b = a + 2;

Node.js

目的：JS的runtime。JS -> Node.js -> OS

npm

目的：管理Node.js的Module

Vue、React

目的：更方便的操作DOM、实现MVVM、优化DOM性能

Babel

目的：（人）ES6转义ES5（浏览器）

WebPack

目的：JS模块化开发的逆向操作，使加载一个页面不需要加载许多Module

解决：把加载一个页面需要的Module打包成一个Asset