­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ 'use strict'; let gulp = require( 'gulp' ), rename = require( 'gulp-rename' ), notify = require( 'gulp-notify' ), sass = require( 'gulp-sass')(require('sass')), plumber = require( 'gulp-plumber' ), autoprefixer = require( 'gulp-autoprefixer' ); gulp.task( 'admin-css', () => { return gulp.src('./assets/scss/admin.scss') .pipe( plumber( { errorHandler: function ( error ) { console.log('=================ERROR================='); console.log(error.message); this.emit( 'end' ); } }) ) .pipe(sass( { outputStyle: 'compressed' } )) .pipe(autoprefixer({ browsers: ['last 10 versions'], cascade: false })) .pipe(rename('admin.css')) .pipe(gulp.dest('./assets/css/')) .pipe(notify('Compile Sass Done!')); } ); gulp.task('templates-library-css', () => { return gulp.src('./assets/scss/templates-library.scss') .pipe( plumber( { errorHandler: function ( error ) { console.log('=================ERROR================='); console.log(error.message); this.emit( 'end' ); } }) ) .pipe(sass( { outputStyle: 'compressed' } )) .pipe(autoprefixer({ browsers: ['last 10 versions'], cascade: false })) .pipe(rename('templates-library.css')) .pipe(gulp.dest('./assets/css/')) .pipe(notify('Compile Sass Done!')); }); gulp.task( 'frontend-css', () => { return gulp.src('./assets/scss/frontend.scss') .pipe( plumber( { errorHandler: function ( error ) { console.log('=================ERROR================='); console.log(error.message); this.emit( 'end' ); } }) ) .pipe(sass( { outputStyle: 'compressed' } )) .pipe(autoprefixer({ browsers: ['last 10 versions'], cascade: false })) .pipe(rename('frontend.css')) .pipe(gulp.dest('./assets/css/')) .pipe(notify('Compile Sass Done!')); } ); gulp.task('preview-css', () => { return gulp.src('./includes/elementor/assets/scss/preview.scss') .pipe( plumber( { errorHandler: function ( error ) { console.log('=================ERROR================='); console.log(error.message); this.emit( 'end' ); } }) ) .pipe(sass( { outputStyle: 'compressed' } )) .pipe(autoprefixer({ browsers: ['last 10 versions'], cascade: false })) .pipe(rename('preview.css')) .pipe(gulp.dest('./includes/elementor/assets/css/')) .pipe(notify('Compile Sass Done!')); }); gulp.task('editor-css', () => { return gulp.src('./includes/elementor/assets/scss/editor.scss') .pipe( plumber( { errorHandler: function ( error ) { console.log('=================ERROR================='); console.log(error.message); this.emit( 'end' ); } }) ) .pipe(sass( { outputStyle: 'compressed' } )) .pipe(autoprefixer({ browsers: ['last 10 versions'], cascade: false })) .pipe(rename('editor.css')) .pipe(gulp.dest('./includes/elementor/assets/css/')) .pipe(notify('Compile Sass Done!')); }); //watch gulp.task( 'watch', function() { gulp.watch( './assets/scss/**', gulp.series( 'admin-css' ) ); gulp.watch( './assets/scss/**', gulp.series( 'templates-library-css' ) ); gulp.watch( './assets/scss/**', gulp.series( 'frontend-css' ) ); gulp.watch( './includes/elementor/assets/scss/**', gulp.series( 'preview-css' ) ); gulp.watch( './includes/elementor/assets/scss/**', gulp.series( 'editor-css' ) ); } );