node

node模块管理是通过NPM（即 Node Package Manage，是 NodeJS 模块管理工具）来处理各模块之间的依赖。NPM按树状结构来管理的，支持某模块的不同版本。

[前提是本机已安装node、git环境]，配置好某项目的npm配置文件package.json后，在当前项目目录下用命令npm install 或npm install --save-dev安装即可，自动将package.json中的模块安装到node-modules文件夹下。

*使用npm安装一些包缓慢或安装失败，建议使用淘宝镜像。

镜像使用方法（三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候配置还在）:
1.通过config命令
npm config set registry https://registry.npm.taobao.org 
npm info underscore （如果上面配置正确这个命令会有字符串response）
2.命令行指定
npm --registry https://registry.npm.taobao.org info underscore 
3.编辑 ~/.npmrc 加入下面内容
registry = https://registry.npm.taobao.org

搜索镜像: https://npm.taobao.org
建立或使用镜像,参考: https://github.com/cnpm/cnpmjs.org

bower

bower是使用nodejs开发，用于web包管理。web包通常认为由html+css+javascript构成。如果越来越多得开源项目都托管在github上，bower只需要将github上项目加上一个配置文件既可以使用bower方式使用安装包。作为包管理，bower能提供添加新web包，更新web包，删除web包，发布web包功能，管理包依赖。

bower是通过npm安装和管理的：npm install -g bower 

配置好某项目的bower配置文件bower.json后，在当前项目目录下用命令bower install安装即可，自动将bower.json中的模块安装到bower-components文件夹下。

node.js

node.js 是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎。目的是为了提供撰写可扩展网络程序，如Web服务。

npm vs bower

npm是用来下载安装node js的第三方工具包，也可以用来发布你自己开发的工具包。

bower是一个web包管理的工具，管理一些js库，比如说jquery，bootstrap等。通过bower，你就不用自己去找jQuery文件了，通过配置文件就可以自动完成了。

gulp

gulp：处理html压缩/预处理/条件编译，图片压缩，精灵图自动合并等任务

gulpfile.js：gulp的配置文件，引入了所有的gulp子任务。参见gulp 入门

webpack

webpack是模块化管理的工具，使用webpack可实现模块按需加载，构建js/css任务，模块预处理，模块打包等功能。可学习webpack入门指南。

 

整合gulp & webpack

webpack是众多gulp子任务中比较复杂的部分，主要对JS/CSS进行相关处理。
包括：模块分析、按需加载、JS代码压缩合并、抽离公共模块、SourceMap、PostCSS、CSS代码压缩等等...