1 const argv = require('yargs').argv;
2 const gulp = require('gulp'),
3 plumber = require('gulp-plumber');
4 const autoprefixer = require('gulp-autoprefixer');
5 const uglify = require('gulp-uglify');
6 const minifycss = require('gulp-clean-css');
7 const sass = require('gulp-sass');
8 const browserify = require("browserify");
9 const source = require('vinyl-source-stream');
10 const buffer = require('vinyl-buffer');
11 const babelify = require("babelify");
12 const watchify = require("watchify");
13 const envify = require("envify");
14 const gutil = require("gulp-util");
16 if (argv.production) process.env.NODE_ENV = 'production';
18 gulp.task('styles', () => {
19 let chain = gulp.src(['resources/assets/sass/**/*.scss'])
21 errorHandler: function (error) {
22 console.log(error.message);
26 .pipe(autoprefixer('last 2 versions'));
27 if (argv.production) chain = chain.pipe(minifycss());
28 return chain.pipe(gulp.dest('public/css/'));
32 function scriptTask(watch=false) {
35 basedir: 'resources/assets/js',
37 entries: ['global.js']
40 let bundler = watch ? watchify(browserify(props), { poll: true }) : browserify(props);
41 bundler.transform(envify, {global: true}).transform(babelify, {presets: ['es2015']});
43 let stream = bundler.bundle();
44 stream = stream.pipe(source('common.js'));
45 if (argv.production) stream = stream.pipe(buffer()).pipe(uglify());
46 return stream.pipe(gulp.dest('public/js/'));
48 bundler.on('update', function() {
50 gutil.log('Rebundle...');
52 bundler.on('log', gutil.log);
56 gulp.task('scripts', () => {scriptTask(false)});
57 gulp.task('scripts-watch', () => {scriptTask(true)});
59 gulp.task('default', ['styles', 'scripts-watch'], () => {
60 gulp.watch("resources/assets/sass/**/*.scss", ['styles']);
63 gulp.task('build', ['styles', 'scripts']);