-var elixir = require('laravel-elixir');
-
-// Custom extensions
-var gulp = require('gulp');
-var Task = elixir.Task;
-var fs = require('fs');
-
-elixir.extend('queryVersion', function(inputFiles) {
- new Task('queryVersion', function() {
- var manifestObject = {};
- var uidString = Date.now().toString(16).slice(4);
- for (var i = 0; i < inputFiles.length; i++) {
- var file = inputFiles[i];
- manifestObject[file] = file + '?version=' + uidString;
- }
- var fileContents = JSON.stringify(manifestObject, null, 1);
- fs.writeFileSync('public/build/manifest.json', fileContents);
- }).watch(['./public/css/*.css', './public/js/*.js']);
+'use strict';
+
+const argv = require('yargs').argv;
+const gulp = require('gulp'),
+ plumber = require('gulp-plumber');
+
+const autoprefixer = require('gulp-autoprefixer');
+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);
+ this.emit('end');
+ }}))
+ .pipe(sass())
+ .pipe(autoprefixer('last 2 versions'));
+ if (isProduction) chain = chain.pipe(minifycss());
+ chain = chain.pipe(sourcemaps.write());
+ return chain.pipe(gulp.dest('public/css/')).pipe(liveReload());
});
-elixir(function(mix) {
- mix.sass('styles.scss')
- .sass('print-styles.scss')
- .sass('export-styles.scss')
- .browserify('global.js', 'public/js/common.js')
- .queryVersion(['css/styles.css', 'css/print-styles.css', 'js/common.js']);
+
+function scriptTask(watch = false) {
+
+ let props = {
+ basedir: 'resources/assets/js',
+ debug: true,
+ entries: ['global.js'],
+ fast: !isProduction,
+ cache: {},
+ packageCache: {},
+ };
+
+ let bundler = watch ? watchify(browserify(props), { poll: true }) : browserify(props);
+
+ if (isProduction) {
+ bundler.transform(envify, {global: true}).transform(babelify, {presets: ['es2015']});
+ }
+
+ function rebundle() {
+ let stream = bundler.bundle();
+ stream = stream.pipe(source('common.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('Rebundling assets...');
+ });
+
+ bundler.on('log', gutil.log);
+ return rebundle();
+}
+
+gulp.task('scripts', () => {scriptTask(false)});
+gulp.task('scripts-watch', () => {scriptTask(true)});
+
+gulp.task('default', ['styles', 'scripts-watch'], () => {
+ liveReload.listen();
+ gulp.watch("resources/assets/sass/**/*.scss", ['styles']);
});
+
+gulp.task('build', ['styles', 'scripts']);
\ No newline at end of file