构建工具负责提供整体解决方案，基于webpack, 分别包含jquery，react和vue三种方案； 每个方案中包含依赖资源下载，资源引入方式，目录规范，编码规范，并且针对每个项目都提供了脚手架，方便快速开发
####启动项目
npm run dev
开发时启动都是只需要执行这个命令，在结束进程时，要两次 Ctrl + C
开发完成之后需要验证编译后的结果，执行如下命令，如果有问题，直接在该环境下修改，不需要切回dev环境
npm run pro
####访问项目
默认路由都是localhost:8080/#index
####调试 在源代码中可以直接debugger，断点会停在源代码中，而不是编译之后的bundle文件中，这个是依赖webpack中sourceMap；
##JQuery
- 包含前端路由
- 自选前端模板（目前只推荐handlebars，支持不包含模板方案）
- 脚手架，用于创建页面(包含路由)，组件(widget)
- es6（默认支持，建议使用）
###目录规范
- common/js : 存放共有js文件，如PGTool.js
- common/lib : 存放共有库文件，如jquery.js
- page : 存放页面内容，html,css，js在一个文件夹下,样式文件使用less添加css的命名空间，避免样式污染，
- resource/css : 存放公共css（非页面使用级别）
- resource/font : 公共字体资源
- resource/images : 公共图片资源
- widget : 其他组件，可以被Page调用，如menu组件
###脚手架使用
node createPage [pageName] [relativePath] [es5/es6]
node createWidget [WidgetName] [es5/es6]
###性能(开发&&运行)
- 通过获取cdn上jquery，在打包编译时不会编译jquery这部分，提高编译速度
- 通过webpack中alias，缩短文件查找时间
##React
- 自选数据流库，（包含reflux和redux，支持不选择）
- 热更新
- react-router
- es6 - 组件脚手架
- reflux or redux
- jquery as API
- 通用套件
###目录规范
- common/js : 存放共有js文件，如PGTool.js
- common/lib : 存放共有库文件，如jquery.js
- page : 存放页面内容，html,css，js在一个文件夹下,样式文件使用less添加css的命名空间，避免样式污染，
- resource/css : 存放公共css（非页面使用级别）
- resource/font : 公共字体资源
- resource/images : 公共图片资源
- components : 组件，可以被Page调用，如menu组件
- actions : 存放公共数据流action
- stores : 存放公共store
- reducer : 存放公共reducer(redux)
###脚手架使用
node createComponent [componentName] [es5/es6]
###性能(开发&&运行)
- react,react-dom,react-route形成了单独的lib库，每次编译的时候不会重新编译这些内容，缩短了编译时间
- 每个route对应的page会单独打成一个包，按请求页面加载所需资源(按需加载)
- 使用hot-loader ，实现无刷新更新；
##Vue
- vue-router
- vue template
- es6 - 组件脚手架
- jquery as API - 通用套件
###目录规范
- common/js : 存放共有js文件，如PGTool.js
- common/lib : 存放共有库文件，如jquery.js
- page : 存放vue文件，以页面为单位，
- resource/css : 存放公共css（非页面使用级别）
- resource/font : 公共字体资源
- resource/images : 公共图片资源
- components : 组件，可以被Page调用，如menu组件
###脚手架使用
node createComponent [componentName] [es5/es6]
###性能(开发&&运行)
- vue,vue-route,react-resource形成了单独的lib库，每次编译的时候不会重新编译这些内容，缩短了编译时间
- 每个route对应的page会单独打成一个包，按请求页面加载所需资源(按需加载)