var gulp = require('gulp'),
browserSync = require('browser-sync').create(),
gulpif = require('gulp-if'),
gutil = require('gulp-util'),
uglify = require('gulp-uglify'),
concat = require('gulp-concat'),
cssmin = require('gulp-cssmin'),
sass = require('gulp-sass'),
sourcemaps = require('gulp-sourcemaps'),
plumber = require('gulp-plumber');
var errorHandle = function (error) {
gutil.log(gutil.colors.red(error.message));
this.emit('end');
};
var production = false;
/**
* Copy any needed files
* Do a 'gulp copyfiles' after bower updates
**/
gulp.task("copyfiles", function() {
...
});
var paths = {};
paths.scripts_1 = [
...
];
paths.scripts_2 = [
...
];
paths.scripts_3 = [
...
];
paths.css_1 = [
...
];
paths.css_2 = [
...
];
gulp.task('buildVendorJs', function() {
return gulp.src(paths.scripts_1)
.pipe(plumber(errorHandle)) /* replaces pipe method and removes standard onerror handler on error event */
.pipe(sourcemaps.init())
.pipe(concat('vendors.js'))
.pipe(gulpif(production, uglify({ mangle: false })))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('./public/assets/js'));
});
gulp.task('buildAppJs', function() {
return ...;
});
gulp.task('buildLangJs', function() {
return ...;
});
gulp.task('buildVendorCss', function() {
return gulp.src(paths.css_1)
.pipe(plumber(errorHandle)) /* replaces pipe method and removes standard onerror handler on error event */
.pipe(sourcemaps.init())
.pipe(concat('vendors.css'))
.pipe(sass())
.pipe(gulpif(production, cssmin()))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('./public/assets/css'));
});
gulp.task('buildAppCss', function() {
return ...;
});
gulp.task('default', ['buildVendorJs', 'buildAppJs', 'buildLangJs', 'buildVendorCss', 'buildAppCss'], function () {
browserSync.init({
proxy: 'my.app'
});
gulp.watch(paths.scripts_1, ['buildVendorJs', browserSync.reload]);
gulp.watch(paths.scripts_2, ['buildAppJs', browserSync.reload]);
gulp.watch(paths.scripts_3, ['buildLangJs', browserSync.reload]);
gulp.watch(paths.css_1, ['buildVendorCss', browserSync.reload]);
gulp.watch(paths.css_2, ['buildAppCss', browserSync.reload]);
gulp.watch([
'app/Http/**/*',
'app/Library/**/*',
'app/Models/**/*',
'app/*',
'resources/views/**/*'
], browserSync.reload);
});
Like this:
Like Loading...