Skip to content

luqingxuan/AngularPagesExample

Repository files navigation

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.其它

About

gulp/webpack集成angular开发example

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published