前端工程师手册

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 plugins for scripts

gulp plugins for compress

测试相关

待选

  • gulp-livereload
  • gulp-autowatch

generator-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"
  }