#公共安全组件类库 http://www.cnblogs.com/2050/p/4198792.html

技术选型：gulp & webpack gulp : 比较灵活，可以做更多的定制化任务 webpack : 模块化方案 分工： gulp：处理html压缩/预处理/条件编译，图片压缩，精灵图自动合并等任务； webpack：管理模块化，构建js/css;包括：模块分析、按需加载、JS代码压缩合并、抽离公共模块、SourceMap、PostCSS、CSS代码压缩等等

开发模式 : 主要就是监听文件变化，自动进行打包、合并的操作; 生产模式 : 主要增加了文件压缩、文件md5名修改、上传cdn、替换html等操作;

npm常用命令： 查看模块当前有哪些可用模板 npm view gulp versions

更新gulp到最新版本 npm install gulpjs/gulp#4.0 --save-dev

一、项目构建工具 gulp
webpack

二、项目结构说明： src : 项目开发路劲 -----css : 存放css代码 -----js : 存放js代码 ----------base: 存放公有方法 ----------app : 存放各个组件代码 ----------tasks : 分层存放任务代码

dist :  打包，压缩文件存放路劲
gulpfile.js : gulp配置文件
package.json : 项目说明文件
test : 测试文件路劲
docs : 项目参考资料

三、项目启动

四、项目使用