前端模块化的简单介绍

JS 模块化

CSS 模块化

 

JS 模块化

历史：

    命名空间

    commonjs 规范 [诞生于mode 社区，只能在服务器端使用]

    AMD/CMD/UMD 规范

    ES6 module 规范

 

命名空间：【库名.类别名.方法名】

var NameSpace = {}
NameSpace.type = NameSpace.type || {}
NameSpace.type.method = function () {

}

CommonJS

    Modules/1.1.1

    一个文件为一个模块

    通过module.exports 暴露模块接口

    通过require 引入模块

    本地加载，同步执行

    

AMD

    Async Module Definition

    使用 define 定义模块

    使用 require 加载模块

    RequireJS

    依赖前置，提前执行

    

CMD