const argv = require('yargs').argv;
const gulp = require('gulp'),
plumber = require('gulp-plumber');
+
const autoprefixer = require('gulp-autoprefixer');
-const uglify = require('gulp-uglify');
const minifycss = require('gulp-clean-css');
const sass = require('gulp-sass');
+const sourcemaps = require('gulp-sourcemaps');
+
const browserify = require("browserify");
const source = require('vinyl-source-stream');
const buffer = require('vinyl-buffer');
const babelify = require("babelify");
const watchify = require("watchify");
const envify = require("envify");
+const uglify = require('gulp-uglify');
+
const gutil = require("gulp-util");
+const liveReload = require('gulp-livereload');
if (argv.production) process.env.NODE_ENV = 'production';
+let isProduction = argv.production || process.env.NODE_ENV === 'production';
gulp.task('styles', () => {
let chain = gulp.src(['resources/assets/sass/**/*.scss'])
+ .pipe(sourcemaps.init())
.pipe(plumber({
errorHandler: function (error) {
console.log(error.message);
}}))
.pipe(sass())
.pipe(autoprefixer('last 2 versions'));
- if (argv.production) chain = chain.pipe(minifycss());
- return chain.pipe(gulp.dest('public/css/'));
+ if (isProduction) chain = chain.pipe(minifycss());
+ chain = chain.pipe(sourcemaps.write());
+ return chain.pipe(gulp.dest('public/css/')).pipe(liveReload());
});
-function scriptTask(watch=false) {
+function scriptTask(watch = false) {
let props = {
basedir: 'resources/assets/js',
debug: true,
- entries: ['global.js']
+ entries: ['global.js'],
+ fast: !isProduction,
+ cache: {},
+ packageCache: {},
};
let bundler = watch ? watchify(browserify(props), { poll: true }) : browserify(props);
- bundler.transform(envify, {global: true}).transform(babelify, {presets: ['es2015']});
+
+ if (isProduction) {
+ bundler.transform(envify, {global: true}).transform(babelify, {presets: ['es2015']});
+ }
+
function rebundle() {
let stream = bundler.bundle();
stream = stream.pipe(source('common.js'));
- if (argv.production) stream = stream.pipe(buffer()).pipe(uglify());
- return stream.pipe(gulp.dest('public/js/'));
+ if (isProduction) stream = stream.pipe(buffer()).pipe(uglify());
+ return stream.pipe(gulp.dest('public/js/')).pipe(liveReload());
}
+
bundler.on('update', function() {
rebundle();
- gutil.log('Rebundle...');
+ gutil.log('Rebundling assets...');
});
+
bundler.on('log', gutil.log);
return rebundle();
}
gulp.task('scripts-watch', () => {scriptTask(true)});
gulp.task('default', ['styles', 'scripts-watch'], () => {
+ liveReload.listen();
gulp.watch("resources/assets/sass/**/*.scss", ['styles']);
});