3 const argv = require('yargs').argv;
4 const gulp = require('gulp'),
5 plumber = require('gulp-plumber');
7 const autoprefixer = require('gulp-autoprefixer');
8 const minifycss = require('gulp-clean-css');
9 const sass = require('gulp-sass');
10 const sourcemaps = require('gulp-sourcemaps');
12 const browserify = require("browserify");
13 const source = require('vinyl-source-stream');
14 const buffer = require('vinyl-buffer');
15 const babelify = require("babelify");
16 const watchify = require("watchify");
17 const envify = require("envify");
18 const uglify = require('gulp-uglify');
20 const gutil = require("gulp-util");
21 const liveReload = require('gulp-livereload');
23 if (argv.production) process.env.NODE_ENV = 'production';
24 let isProduction = argv.production || process.env.NODE_ENV === 'production';
26 gulp.task('styles', () => {
27 let chain = gulp.src(['resources/assets/sass/**/*.scss'])
28 .pipe(sourcemaps.init())
30 errorHandler: function (error) {
31 console.log(error.message);
35 .pipe(autoprefixer('last 2 versions'));
36 if (isProduction) chain = chain.pipe(minifycss());
37 chain = chain.pipe(sourcemaps.write());
38 return chain.pipe(gulp.dest('public/css/')).pipe(liveReload());
42 function scriptTask(watch = false) {
45 basedir: 'resources/assets/js',
47 entries: ['global.js'],
53 let bundler = watch ? watchify(browserify(props), { poll: true }) : browserify(props);
56 bundler.transform(envify, {global: true}).transform(babelify, {presets: ['es2015']});
60 let stream = bundler.bundle();
61 stream = stream.pipe(source('common.js'));
62 if (isProduction) stream = stream.pipe(buffer()).pipe(uglify());
63 return stream.pipe(gulp.dest('public/js/')).pipe(liveReload());
66 bundler.on('update', function() {
68 gutil.log('Rebundling assets...');
71 bundler.on('log', gutil.log);
75 gulp.task('scripts', () => {scriptTask(false)});
76 gulp.task('scripts-watch', () => {scriptTask(true)});
78 gulp.task('default', ['styles', 'scripts-watch'], () => {
80 gulp.watch("resources/assets/sass/**/*.scss", ['styles']);
83 gulp.task('build', ['styles', 'scripts']);