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

技术选型：gulp & webpack gulp : 比较灵活，可以做更多的定制化任务 webpack : 模块化方案

分工： gulp：处理html压缩/预处理/条件编译，图片压缩，精灵图自动合并等任务； webpack：管理模块化，构建js/css;包括：模块分析、按需加载、JS代码压缩合并、抽离公共模块、SourceMap、PostCSS、CSS代码压缩等等

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

一、项目构建工具 gulp
webpack

二、项目结构说明： build : -------css : 编译之后的样式 -------js : 编译之后的js dist : 打包之后的js文件 src : 项目开发路劲 -----css : 存放css代码 -----js : 存放js代码 ----------base: 存放公有方法 ----------app : 存放各个组件代码 ----------tasks : 分层存放任务代码 docx : 项目开发过程中问题总结 example : 项目测试文件夹 gulp : 任务文件夹 gulpfile.js : gulp配置文件 package.json : 项目说明文件

三、项目启动 如果是首次启动项目，需要先：npm install 然后：npm run build 或者 gulp build

开发项目： npm run start 或者 gulp

四、项目使用 npm install ggan-visual-components 1.需要自行引入jQuery(>=1.8) 2.需要自行引入d3 (>=4.0)

然后在项目中:require('ggan-visual-components');