webpack+gulp project 使用: 1.拉下来project到本地 2.命令行进入ReactPageExample目录 3.执行npm install 4.执行命令(见下) 5.默认浏览器自动打开地址栏:http://localhost:8888访问 命令行(观察各种文件变动在dist目录): 1.gulp dev,开发人员调试命令 2.gulp dev-minify,开发人员测试命令,与1的区别在于代码是压缩处理过的 3.gulp build,打包发布压缩文件命令 4.gulp build-source,打包源文件 特点 1.webpack+gulp方式集成开发 2.集成jquery/bootstrap/react,同样易于集成其它plugin 2.js/css/html压缩,js混淆,减小体积 3.MD5文件版本管理 4.前后端分离,API调试方便 5.通过gulp-include-tag插件,统一管理meta信息,全局依赖性js/css,seo优化 6.其它 说明: webpack解决了entry下资源变动热部署的问题,但是多页面html,html页面变动,监听缺少解决方案, 此处使用browser-sync插件,监听html变化,刷新浏览器,browser-sync代理8080默认端口 注意,执行命令gulp build打包出来的资源,除了assets目录,其它都是html页面 未解决: 1.静态资源build后发布到cdn服务器,脚本未写 2.其它