Skip to content
web-learning1989 edited this page Dec 12, 2017 · 1 revision

https://stackoverflow.com/questions/44256774/gulp-build-task

var gulp = require('gulp'), watch = require('gulp-watch'), autoprefixer = require('gulp-autoprefixer'), jshint = require('gulp-jshint'), stylish = require('jshint-stylish'), sass = require('gulp-sass'), rename = require("gulp-rename"), minifyCss = require('gulp-minify-css'), uglify = require('gulp-uglify'), imagemin = require('gulp-imagemin'), concat = require('gulp-concat'), plumber = require('gulp-plumber'), concatCss = require('gulp-concat-css'), jade = require('gulp-jade');

// Jade gulp.task('jade', function(){ gulp.src('app/*.jade') .pipe(jade({pretty: true})) .pipe(gulp.dest('./dist/')); });

//Sass to dist gulp.task('sass-dist', function () { return gulp.src('app/sass/**/*.scss') .pipe(gulp.dest('dist/sass/')); });

// compiled sass gulp.task('sass', function () { return gulp.src('app/sass/**/*.scss') .pipe(plumber()) .pipe(sass()) .pipe(autoprefixer({ browsers: ['last 10 versions'], cascade: false })) .pipe(gulp.dest('dist/css/')) .pipe(minifyCss()) .pipe(rename({suffix: ".min",})) .pipe(gulp.dest('dist/css/')); });

// Merge all css files in one gulp.task('css', function(){ return gulp.src('app/css/*.css') .pipe(concatCss("all-pluging.css")) .pipe(minifyCss()) .pipe(gulp.dest('dist/css')); });

// minify images gulp.task('images', function(){ return gulp.src('app/images//.') .pipe(imagemin()) .pipe(gulp.dest('dist/images')); }); gulp.task('images-content', function(){ return gulp.src('app/assets/images//.') .pipe(imagemin()) .pipe(gulp.dest('dist/assets/images')); });

gulp.task('jshint', function(){ return gulp.src('app/js/*.js') .pipe(jshint()) .pipe(jshint.reporter(stylish)) });

// Merged all js files in one gulp.task('concat', function() { return gulp.src(['app/js/jquery/.js','app/js/lib/.js']) .pipe(uglify()) .pipe(concat('all-plugins.js')) .pipe(rename("all-plugins.min.js")) .pipe(gulp.dest('dist/js/')); });

gulp.task('js',function(){
gulp.src('app/js/main.js') .pipe(plumber()) .pipe(gulp.dest('dist/js/')) .pipe(uglify()) .pipe(rename("main.min.js")) .pipe(gulp.dest('dist/js/')); });

gulp.task('watch', function(){ gulp.watch('app/.jade',['jade']); gulp.watch('app/sass/.scss', ['sass-dist','fonts','sass'] ); gulp.watch('app/assets/images//.', ["images-content"]); gulp.watch('app/images/.', ["images"]); gulp.watch("app/css//.css", ["css"]); gulp.watch('app/js/**/.js', ["jshint", "concat", "js"]); });

// Default gulp.task('default', ['jade',"sass-dist","sass",'css','fonts',"jshint",'concat','js','images','images-content', "watch"]);

https://i.stack.imgur.com/NOxw8.jpg

Clone this wiki locally