gulp常用的plugin描述(陆续更新)

gulp-concat
用来合并文件的,可以将多个文件进行合并,比如js、css等
使用方法可参看
https://www.npmjs.com/package/gulp-concat

gulp-uglify
用来压缩js文件的工具
相关配置如下
https://github.com/terinjokes/gulp-uglify


gulp-sourcemaps
用来将对应管道中的文件生成.map文件,而.map文件的作用就是让浏览器在对应加载的代码上找到映射的源,比如通过加载的css找到对应的sass
关于.map可以参看
http://www.cnblogs.com/vajoy/p/3992411.html


gulp-autoprefixer
代码兼容性自动补全
https://github.com/postcss/autoprefixer
对于CSS3的代码而言,各家浏览器需要编写的代码不一样,所以还需要各自的编写,webstorm已经提供这一功能,但是并不是所有的都可以自动补全,所以这里面用到了这个,来帮助我们将CSS代码自动补全兼容的代码内容。
比如:
:fullscreen a {
display: flex
}

补全后就是
:-webkit-full-screen a {
display: -webkit-box;
display: -webkit-flex;
display: flex
}
:-moz-full-screen a {
display: flex
}
:-ms-fullscreen a {
display: -ms-flexbox;
display: flex
}
:fullscreen a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}



gulp-sass
这个不用多说了,看名字就知道,编译sass的,但是这里提出一嘴就是,下载这个不知道为啥总下载失败,然后墙外下载就没问题,墙内的话可能只能下载一半,运行时候才有问题。


browser-sync
用来启动一个web服务,是的可以通过HTTP的方式来调试web页面,也可以在里面进行配置访问代理,总的来讲就是一个通过node编写的web服务
http://www.browsersync.cn/docs/options/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值