X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/ea2e16cabb5ca5815dd1ee5b8eb1ac6a32bac57e..refs/pull/524/head:/gulpfile.js diff --git a/gulpfile.js b/gulpfile.js index 7deefc71a..c9f3f7956 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,27 +1,83 @@ -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