2017-04-27 05:05:29 +08:00
|
|
|
'use strict';
|
|
|
|
|
2017-04-15 01:47:33 +08:00
|
|
|
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 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 gutil = require("gulp-util");
|
|
|
|
|
|
|
|
if (argv.production) process.env.NODE_ENV = 'production';
|
|
|
|
|
|
|
|
gulp.task('styles', () => {
|
|
|
|
let chain = gulp.src(['resources/assets/sass/**/*.scss'])
|
|
|
|
.pipe(plumber({
|
|
|
|
errorHandler: function (error) {
|
|
|
|
console.log(error.message);
|
|
|
|
this.emit('end');
|
|
|
|
}}))
|
|
|
|
.pipe(sass())
|
|
|
|
.pipe(autoprefixer('last 2 versions'));
|
|
|
|
if (argv.production) chain = chain.pipe(minifycss());
|
|
|
|
return chain.pipe(gulp.dest('public/css/'));
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
function scriptTask(watch=false) {
|
|
|
|
|
|
|
|
let props = {
|
|
|
|
basedir: 'resources/assets/js',
|
|
|
|
debug: true,
|
|
|
|
entries: ['global.js']
|
|
|
|
};
|
|
|
|
|
|
|
|
let bundler = watch ? watchify(browserify(props), { poll: true }) : browserify(props);
|
|
|
|
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/'));
|
|
|
|
}
|
|
|
|
bundler.on('update', function() {
|
|
|
|
rebundle();
|
|
|
|
gutil.log('Rebundle...');
|
|
|
|
});
|
|
|
|
bundler.on('log', gutil.log);
|
|
|
|
return rebundle();
|
|
|
|
}
|
|
|
|
|
|
|
|
gulp.task('scripts', () => {scriptTask(false)});
|
|
|
|
gulp.task('scripts-watch', () => {scriptTask(true)});
|
|
|
|
|
|
|
|
gulp.task('default', ['styles', 'scripts-watch'], () => {
|
|
|
|
gulp.watch("resources/assets/sass/**/*.scss", ['styles']);
|
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('build', ['styles', 'scripts']);
|