gulp-platform-template

使用gulp构建项目，实现项目工程化

gulp plugins；

• 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文件某个元件

执行debug模式下的项目创建

gulp build-debug