使用gulp构建项目,实现项目工程化
-
stream-series : Waterfalls for streams
-
merge-stream : erge (interleave) a bunch of streams.
-
gulp-load-plugins : Automatically load any gulp plugins in your package.json
-
gulp-sequence: Run a series of gulp tasks in order.
-
gulp-eslint: A gulp plugin for processing files with ESLint
-
gulp-htmlmin : gulp plugin to minify HTML.
-
gulp-clean: A gulp plugin for removing files and folders.
-
gulp-autoprefixer : Prefix CSS with Autoprefixer
-
gulp-sass : Gulp plugin for sass
-
not support sourcemaps! fuck!
gulp-clean-css : Minify css with clean-css. -
gulp-csso : Minify CSS with CSSO.
-
gulp-uglify : Minify files with UglifyJS.
-
gulp-sourcemaps : Source map support for Gulp.js .Plugins with gulp sourcemaps support
-
gulp-inject A javascript, stylesheet and webcomponent injection plugin for Gulp, i.e. inject file references into your index.html
-
gulp-rename : gulp-rename is a gulp plugin to rename files easily.
-
gulp-concat : Concatenates files
-
gulp-csslint : CSSLint plugin for gulp
-
gulp-plumber : Prevent pipe breaking caused by errors from gulp plugins
-
gulp-filter : Filter files in a Vinyl stream
-
gulp.spritesmith :Convert a set of images into a spritesheet and CSS variables via gulp
-
gulp-imagemin Minify PNG, JPEG, GIF and SVG images with imagemin
-
gulp-iconfont : Create SVG/TTF/EOT/WOFF/WOFF2 fonts from several SVG icons with Gulp.
-
gulp-svg-sprite : SVG sprites & stacks galore — Gulp plugin wrapping around svg-sprite that reads in a bunch of SVG files, optimizes them and creates SVG sprites and CSS resources in various flavours
-
gulp-svgstore Combine svg files into one with elements.
-
gulp-svgmin Minify SVG with SVGO.
-
gulp-iconfont-css Generate (S)CSS file for icon font created with Gulp
关于png、iconfont、svg的对比可参考这篇文章
gulp.spritesmith用于制作png雪碧图
gulp-iconfont用于制作字体图标
gulp-svg-sprites用于制作svg图标
svg4everybody 这个shim解决所有的IE浏览器(包括IE11)不支持获得外链SVG文件某个元件
gulp build-debug