gulp常用插件

gulp  自动化构建工具，中文官网、github上项目

yargs  Node中处理命令行参数的通用解决方案，只要一句代码 var args = require('yargs').argv;就可以让命令行的参数都放在变量args上，可以根据参数判断是测试环境还是正式环境。

browser-sync  服务器同步浏览，自动刷新页面 中文官网

gulp-nodemon 自动启动/重启node程序

wiredep      在.html文件中，会把默认bower.json的配置 自动注入到下面标签中去 <!-- bower:js --> <!-- endbower --> <!-- bower:css--> <!-- endbower -->

gulp-inject  在.html文件中，将自己任意指定的文件列表 注入到下面标签中去 <!-- inject:js --> <!-- endinject --> <!-- inject:css--> <!-- endinject -->

gulp-load-plugins 自动加载gulp插件（超级有用 省去一大堆代码）

gulp-plumber 管道工 不会让错误爆出来 继续执行

gulp-if 用于判断

gulp-clean 清空文件夹

gulp-cache  图片快取，只有更改过得图片会进行压缩

gulp-imagemin 图片压缩

gulp-sass  预编译sass   gulp-scss 预编译scss    gulp-less 预编译less

gulp-autoprefixer  根据设置浏览器版本自动处理浏览器前缀

gulp-clean-css 压缩css

gulp-eslint  一个用于识别和报告在ECMAScript/JavaScript代码中找到的模式的Gulp插件

gulp-jslint  检测js代码不规范的地方

gulp-babel  解析es6转换为es5

gulp-uglify  压缩js

gulp-htmlmin  压缩html

gulp-useref  将html引用顺序的CSS JS 变成一个文件 ，它只负责合并，不负责压缩！

gulp-concat  合并文件

gulp-filter  可以把stream里的文件根据一定的规则进行筛选过滤。比如gulp.src中传入匹配符匹配了很多文件，可以把这些文件pipe给gulp-filter作二次筛选

gulp-rev 为文件添加版本号

gulp-rev-replace 重写已被gulp-rev重命名的文件名

yargs

• 单字符的简单参数，如传入-m=5或-m 5，则可得到args.m = 5
• 多字符参数（必须使用双连字符），如传入--test=5或--test 5，则可得到args.test = 5。
• 不带值的参数，如传入--production，则会被认为是布尔类型的参数，可得到args.production = true。

//gulpfile.js
const gulp = require('gulp');
const argv = require('yargs').argv;

gulp.task('default', function (cb) {
  if (argv.verbose) {
    console.log('输出更多信息')
  } else {
    console.log('不输出更多信息')
  }
  cb();
});
module.exports = gulp;

X:Usersxionggitmy-app>gulp
[18:26:04] Using gulpfile ~gitmy-appgulpfile.js
[18:26:04] Starting 'default'...
不输出更多信息
[18:26:05] Finished 'default' after 42 ms

X:Usersxionggitmy-app>gulp --verbose
[18:26:29] Using gulpfile ~gitmy-appgulpfile.js
[18:26:29] Starting 'default'...
输出更多信息
[18:26:29] Finished 'default' after 2.39 ms

最后

以上就是深情煎饼为你收集整理的gulp常用插件的全部内容，希望文章能够帮你解决gulp常用插件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。