[TOC]
  • gulp插件选择使用的插件无依赖的gulp辅助gulp plugins for cssgulp plugins for scriptsgulp plugins for compress测试相关待选generator-gulp-webappweb-starter-kit-master

gulp插件选择

使用的插件

无依赖的

  • del: Delete files/folders using globs.
  • opn: A better node-open. Opens stuff like websites, files, executables. Cross-platform.
  • psi: PageSpeed Insights for Node.
  • wiredep: Wire Bower dependencies to your source code.
  • browser-sync: Live CSS Reload & Browser Syncing.
  • require-dir: Helper to require() directories.
  • run-sequence: Run a series of dependent gulp tasks in order. gulp辅助
  • gulp: The streaming build system.
  • gulp-if: Conditionally run a task.
  • gulp-cache: A cache proxy task for Gulp.
  • gulp-changed: Only pass through changed files.
  • gulp-filter: Filter files in a vinyl stream.
  • gulp-replace: A string replace plugin for gulp.
  • gulp-flatten: remove or replace relative path for files.
  • gulp-useref: Parse build blocks in HTML files to replace references to non-optimized scripts or stylesheets.
  • gulp-load-plugins: Automatically load any gulp plugins in your package.json. gulp plugins for css
  • gulp-autoprefixer: gulp-autoprefixer.
  • gulp-uncss: Remove unused CSS selectors.
  • gulp-csso: Minify CSS with CSSO.
  • gulp-less: Less for Gulp. gulp plugins for scripts
  • gulp-jshint: JSHint plugin for gulp.
  • jshint-stylish: Stylish reporter for JSHint. gulp plugins for compress
  • gulp-concat: Concatenates files.
  • gulp-imagemin: Minify PNG, JPEG, GIF and SVG images.
  • gulp-minify-html: Minify html with minimize.
  • gulp-minify-css: Minify css with clean-css.
  • gulp-uglify: Minify files with UglifyJS.
  • gulp-size: Display the size of your project. 测试相关
  • karma 自动测试插件
  • karma-Chrome-launcher: 调用Chrome进行测试 待选
  • gulp-livereload
  • gulp-autowatchgenerator-gulp-webapp
"devDependencies": {    "apache-server-configs": "^2.7.1",    "connect": "^3.0.1",    "connect-livereload": "^0.4.0",    "del": "^0.1.0",    "gulp": "^3.6.0",    "gulp-autoprefixer": "^0.0.7",    "gulp-cache": "^0.2.2",    "gulp-csso": "^0.2.6",    "gulp-filter": "^0.5.0",    "gulp-flatten": "^0.0.2",    "gulp-if": "^1.2.1",    "gulp-imagemin": "^0.6.0",    "gulp-jshint": "^1.5.3",    "gulp-livereload": "^2.0.0",    "gulp-load-plugins": "^0.5.0",<% if (includeSass) { if (includeBootstrap) { %>    "gulp-replace": "^0.3.0",<% } %>    "gulp-ruby-sass": "^0.5.0",    "gulp-plumber": "^0.6.3",<% } %>    "gulp-size": "^0.4.0",    "gulp-uglify": "^0.3.0",    "gulp-useref": "^0.6.0",    "jshint-stylish": "^0.2.0",<% if (includeBootstrap && includeSass) { %>    "lazypipe": "^0.2.1",<% } %>    "main-bower-files": "^1.0.1",    "opn": "^0.1.1",    "serve-index": "^1.1.4",    "serve-static": "^1.4.0",    "wiredep": "^1.4.3"  }

web-starter-kit-master

"devDependencies": {    "apache-server-configs": "^2.7.1",    "browser-sync": "^1.3.0",    "del": "^0.1.2",    "gulp": "^3.8.5",    "gulp-autoprefixer": "^0.0.8",    "gulp-cache": "^0.2.2",    "gulp-changed": "^1.0.0",    "gulp-csso": "^0.2.9",    "gulp-flatten": "^0.0.2",    "gulp-if": "^1.2.1",    "gulp-imagemin": "^1.0.0",    "gulp-jshint": "^1.6.3",    "gulp-load-plugins": "^0.5.3",    "gulp-minify-html": "^0.1.4",    "gulp-replace": "^0.4.0",    "gulp-ruby-sass": "^0.7.1",    "gulp-size": "^1.0.0",    "gulp-uglify": "^0.3.1",    "gulp-uncss": "^0.4.5",    "gulp-useref": "^0.6.0",    "jshint-stylish": "^0.4.0",    "opn": "^1.0.0",    "psi": "^0.1.2",    "require-dir": "^0.1.0",    "run-sequence": "^0.3.6"  }

原文: https://leohxj.gitbooks.io/front-end-database/content/frontend-workflow/gulp-plugins.html