X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/6b4ec65b0303487fc45024dae8b814c054e535ef..refs/pull/524/head:/gulpfile.js diff --git a/gulpfile.js b/gulpfile.js index 7974350d1..c9f3f7956 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,8 +1,83 @@ -var elixir = require('laravel-elixir'); +'use strict'; +const argv = require('yargs').argv; +const gulp = require('gulp'), + plumber = require('gulp-plumber'); -elixir(function(mix) { - mix.sass('styles.scss'); - mix.scripts('image-manager.js', 'public/js/image-manager.js'); - mix.browserify(['jquery-extensions.js', 'pages/book-show.js' ,'global.js'], 'public/js/common.js'); +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()); +}); + + +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