码迷,mamicode.com
首页 > 其他好文 > 详细

前端构建之--gulp

时间:2018-05-22 15:09:19      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:检查   清空文件   www   clean   UI   font   自动   rgs   yar   

gulp相关插件:

1、del 删除文件,用于清空文件

2、browser-sync 用于自动刷新浏览器

3、gulp-htmlmin 用于压缩html

4、gulp-clean-css 压缩css

5、gulp-uglify 压缩js

6、gulp-replace 替换路径

7、gulp-base64 将小图背景图转换为base64的形式,可以自己设置最大多少尺寸转为base64

8、gulp-imagemin 压缩图片大小

9、gulp-eslint  检查Js语法错误

10、gulp-sass

11、gulp-ng-constant

12、gulp-rename

13、gulp-util

14、gulp-changed

15、gulp-plumber

16、gulp-rev

17、gulp-if

18、gulp-plumber

19、gulp-inject

20、run-sequence

21、gulp-natural-sort

yargs: 严格的说,yargs不是专门用于gulp的,它是Node中处理命令行参数的通用解决方案,只要一句代码var args = require(‘yargs‘).argv;

就可以让命令行的参数都放在变量args上,非常方便。它处理的参数类型也是多种多样的:

单字符的简单传参,如传入-m=5 或 -m 5, 则可以得到args.m=5;

多字符传参(必须使用双连字符),如传入--test=5 或 --test 5, 则可以得到args.test =5。

不带值的参数,如传入--mock, 则会被认为是布尔类型的参数,可得到args.mock=true。

除此之外,还支持很多其他类型的传参方式,具体参考文档https://www.npmjs.com/package/yargs

gulp-angular-templatecache

gulp-angular-filesort

main-bower-files

event-strean

proxy-middleware

 

 

 

 

前端构建之--gulp

标签:检查   清空文件   www   clean   UI   font   自动   rgs   yar   

原文地址:https://www.cnblogs.com/xuepei/p/9071381.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!