webpack和各种模块化 AMD,CommonJS,ES6

模块化概念简介 (感谢该文章作者,很清晰解释模块化)

为什么要模块化
建立模块化的标准，能够管理模块之间的依赖，从而提升代码的可维护性和复用性

模块化的形式
CommonJS:

var math = require("math");
math.add(2,3)
//CommonJS 只是一个规范，NodeJS使用该规范，适合在服务器端
//在浏览器端 require 的话，它就会异步的去请求这个 math 模块，
//它是一个异步的请求，没办法去同步的执行下面的 add 方法，
//所以 CommonJS 这种方法是很难在浏览器中实现的，所以就有了 RequireJS

RequireJS

require(['math'],function(math){
  math.add(2,3);
})
//通过异步回调的方式，引用一个模块

ES6

import math form 'math';
math.add(2,3);