132 lines
4.2 KiB
JavaScript
132 lines
4.2 KiB
JavaScript
var gulp = require('gulp'),
|
|
jscs = require('gulp-jscs'),
|
|
babel = require('gulp-babel'),
|
|
inject = require('gulp-inject'),
|
|
plumber = require('gulp-plumber'),
|
|
watch = require('gulp-watch'),
|
|
livereload = require('gulp-livereload'),
|
|
minifycss = require('gulp-minify-css'),
|
|
jshint = require('gulp-jshint'),
|
|
stylish = require('jshint-stylish'),
|
|
uglify = require('gulp-uglify'),
|
|
rename = require('gulp-rename'),
|
|
sass = require('gulp-sass'),
|
|
clean = require('gulp-clean'),
|
|
del = require('del'),
|
|
browserSync = require('browser-sync');
|
|
|
|
var onError = function (err) {
|
|
console.log('An error occurred:', err.message);
|
|
this.emit('end');
|
|
};
|
|
|
|
gulp.task('check-js-style', function () {
|
|
gulp.src('src/**/*.js')
|
|
.pipe(jscs({fix: true}))
|
|
.pipe(jscs.reporter())
|
|
.pipe(jscs.reporter('fail'))
|
|
.pipe(gulp.dest('src'));
|
|
});
|
|
|
|
gulp.task('serve', function () {
|
|
var files = [
|
|
'./dist/*.html',
|
|
'./dist/css/**/*.css',
|
|
'./dist/js/**/*.js'
|
|
];
|
|
|
|
browserSync.init(files, {
|
|
server: {
|
|
baseDir: './dist'
|
|
}
|
|
});
|
|
});
|
|
|
|
gulp.task('scss', function () {
|
|
return gulp.src('./src/application.scss')
|
|
.pipe(plumber({errorHandler: onError}))
|
|
.pipe(sass())
|
|
.pipe(gulp.dest('./dist/css'));
|
|
});
|
|
|
|
gulp.task('babel', ['scss'], function () {
|
|
return gulp.src('src/**/*.js')
|
|
.pipe(plumber({errorHandler: onError}))
|
|
.pipe(babel())
|
|
.pipe(gulp.dest('./dist/js'));
|
|
});
|
|
|
|
gulp.task('watch', function () {
|
|
gulp.watch('./src/**/*.scss', ['default']);
|
|
gulp.watch('./src/**/*.js', ['default']);
|
|
gulp.watch('./src/**/*.html', ['default']);
|
|
});
|
|
|
|
gulp.task('jshint', ['babel', 'scss'], function () {
|
|
return gulp.src('src/**/*.js')
|
|
.pipe(jshint())
|
|
.pipe(jshint.reporter(stylish));
|
|
});
|
|
|
|
gulp.task('default', ['cleanDist', 'jshint', 'babel', 'copyJsLib', 'copyCssLib'], function () {
|
|
gulp.src('src/images/**/*')
|
|
.pipe(gulp.dest('dist/images'));
|
|
gulp.src('src/**/*.html')
|
|
.pipe(gulp.dest('dist/'))
|
|
.pipe(inject(gulp.src(['dist/js/**/*.js', 'dist/css/lib/*.css', 'dist/css/*.css'], {read: false}), {relative: true}))
|
|
.pipe(gulp.dest('dist/'));
|
|
});
|
|
|
|
gulp.task('copyJsLib', ['cleanDist'], function () {
|
|
return gulp.src(['bower_components/material-design-lite/material.js', 'bower_components/d3/d3.js',
|
|
'bower_components/nvd3/build/nv.d3.js', 'bower_components/getmdl-select/getmdl-select.min.js'])
|
|
.pipe(gulp.dest('dist/js'));
|
|
});
|
|
|
|
gulp.task('copyMinJsLib', ['cleanDist'], function () {
|
|
return gulp.src(['bower_components/material-design-lite/material.min.js', 'bower_components/d3/d3.min.js',
|
|
'bower_components/nvd3/build/nv.d3.min.js', 'bower_components/getmdl-select/getmdl-select.min.js'])
|
|
.pipe(gulp.dest('dist/js'));
|
|
});
|
|
|
|
gulp.task('copyCssLib', ['cleanDist'], function () {
|
|
return gulp.src(['bower_components/nvd3/build/nv.d3.css', 'bower_components/getmdl-select/getmdl-select.min.css'])
|
|
.pipe(gulp.dest('dist/css/lib'));
|
|
});
|
|
|
|
gulp.task('copyMinCssLib', ['cleanDist'], function () {
|
|
return gulp.src(['bower_components/nvd3/build/nv.d3.min.css', 'bower_components/getmdl-select/getmdl-select.min.css'])
|
|
.pipe(gulp.dest('dist/css/lib'));
|
|
});
|
|
|
|
gulp.task('cleanDist', function () {
|
|
return del('dist/**/*');
|
|
});
|
|
|
|
gulp.task('minifyJs', ['cleanDist'], function () {
|
|
return gulp.src('src/**/*.js')
|
|
.pipe(rename({suffix: '.min'}))
|
|
.pipe(plumber({errorHandler: onError}))
|
|
.pipe(babel())
|
|
.pipe(uglify())
|
|
.pipe(gulp.dest('dist/js'));
|
|
});
|
|
|
|
gulp.task('minifyCss', ['cleanDist'], function () {
|
|
return gulp.src('src/application.scss')
|
|
.pipe(plumber({errorHandler: onError}))
|
|
.pipe(sass())
|
|
.pipe(minifycss())
|
|
.pipe(rename({suffix: '.min'}))
|
|
.pipe(gulp.dest('dist/css'));
|
|
});
|
|
|
|
gulp.task('build', ['minifyJs', 'minifyCss', 'copyMinCssLib', 'copyMinJsLib'], function () {
|
|
gulp.src('src/*.html')
|
|
.pipe(gulp.dest('dist/'))
|
|
.pipe(inject(gulp.src(['dist/js/**/*.js', 'dist/css/lib/*.css',
|
|
'dist/css/*.css'], {read: false}), {relative: true}))
|
|
.pipe(gulp.dest('dist/'));
|
|
gulp.src('src/images/**/*')
|
|
.pipe(gulp.dest('dist/images'));
|
|
}); |