gulp的API及运用

原创 前端工程师_钱成 随笔 工具 173阅读 2018-07-13 20:08:17 举报

来源:https://www.cnblogs.com/2050/p/4198792.html
gulp,前端自动化工具的作用:
(1)打包,供生产环境使用。
(2)监听,供开发环境使用。
一、gulp的API

二、gulp的API的运用
在gulp的启动task内,实现代理绑定和浏览器同步。具体逻辑为:本机服务器环境和端口由node提供,静态文件由state从browserSync指定的本地文件夹里获取,动态数据由$http从browserSync指定的代理里获取。
1、gulp.task之打包
(1)此task执行之前需要执行:A、images压缩至static下,B、其他css、js、由html压缩成的js、注入到index.html
(2)用gulp.src导入index.html
(3)按照if js条件进行过滤和压缩
(4)按照if css条件进行过滤和压缩
(5)用gulp.dest导出压缩后的文件

2、gulp.task之监听(注入函数=>监听文档=>启动)

5、gulp应用实例

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复