dzed-baradzed
5/30/2017 - 9:26 PM

popular packages

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