popular packages
// Minify JavaScript with UglifyJS3.
// https://github.com/terinjokes/gulp-uglify
npm install --save-dev gulp-uglify
// Rename Files
// https://github.com/hparra/gulp-rename
npm install --save-dev gulp-rename
// Example
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
gulp.task("minifyScripts", function() {
gulp.src("js/app.js")
.pipe(uglify())
.pipe(rename("app.min.js"))
.pipe(gulp.dest("js"));
});
// Install
// https://www.npmjs.com/package/gulp-sass
npm install gulp-sass --save-dev
npm install gulp-sourcemaps --save-dev
// Example
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
gulp.task('compileSass', function() {
gulp.src("scss/application.scss")
.pipe(sourcemaps.init())
.pipe(sass())
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest("css"));
});
// Install
npm install --save-dev del
// Example
gulp.task("clean", function() {
return del("dist");
});
//Example
gulp.task("default", ["clean"], function() {
gulp.start('build');
});
// Example
gulp.task("watchSass", function() {
gulp.watch('scss/**/*.scss', ['compileSass'])
});
// Concatenate Files:
// https://www.npmjs.com/package/gulp-concat
npm install gulp-concat --save-dev
// Example:
var concat = require('gulp-concat');
gulp.task("concatScripts", function() {
gulp.src([
'js/jquery.js',
'js/sticky/jquery.sticky.js',
'js/main.js'])
.pipe(concat("app3.js"))
.pipe(gulp.dest("js"));
});
// Example
gulp.task("build", ['minifyScripts', 'compileSass'])
gulp-postcss
gulp-clean-css
gulp-concat
postcss-zinex
autoprefixer
gulp-wait
gulp-image
gulp-inline-source
https://github.com/fmal/gulp-inline-source
PostCSS Flexbugs Fixes
https://github.com/luisrudge/postcss-flexbugs-fixes
Pump
https://www.npmjs.com/package/pump