前端工具梳理

值得研究的问题：

CommonJS规范有哪些？

node核心模块有哪些？

CommonJS和nodeJS关系

CommonJS是一套规范，为JavaScript制定了一个美好的愿景-希望Javascript能够在任何地方运行。为了弥补Javascript没有标准的缺陷

没有模块系统

标准库较少

没有标准接口

缺乏包管理系统

期望那些用CommonJS API写出的应用可以具备跨宿主环境执行的能力。还能：

服务端Javascript应用程序

命令行工具

桌面图形界面应用程序

node借鉴了CommonJS的modules规范实现了一套非常易用的模块系统，NPM对Packages规范的完好支持使得Node应用在开发过程中事半功倍。

CommonJS的模块规范

模块引用

var math = require('math')

模块定义

exports.add = function(){
var sum = 0;
return sum;

包和NPM

CommonJS包规范是理论，NPM是其中的一种实践。NPM之于Node，相当于gem之于Ruby，pear之于php

包实际上是一个存档文件，包目录应该包含如下这些文件：

package.json：包描述文件

bin:用于存放二进制文件的目录

lib：用于存放javascript代码的目录

doc：用于存放文档的目录

test：单元测试用例的代码

package.json格式

参数说明 http://www.mujiang.info/translation/npmjs/files/package.json.html

AMD规范和CMD规范

AMD规范是COmmonJS模块规范的一个延伸，它的模块定义如下：

define（id?,dependencies?,factory)

CMD规范的主要区别在于定义模块和依赖引入部分。AMD需要在声明模块的时候制定所有的依赖，通过形参传递到模块内容中：

define(['dep1','dep2'],function(dep1,dep2){
return function(){};
}

webpack

webpack是一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。

使用

webpack.config.js http://www.w2bc.com/Article/50764

gulp

自动化构建服务：http://www.gulpjs.com.cn/docs/getting-started/

http://www.ydcss.com/archives/18

1

vue-router

http://router.vuejs.org/zh-cn/basic.html