You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
88 lines
2.4 KiB
88 lines
2.4 KiB
8 years ago
|
/* File: gulpfile.js */
|
||
|
|
/* jshint node: true */
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
// grab our packages
|
||
|
|
var gulp = require('gulp');
|
||
|
|
var jshint = require('gulp-jshint');
|
||
|
|
var uglify = require('gulp-uglify');
|
||
|
|
var concat = require('gulp-concat');
|
||
|
|
var rename = require('gulp-rename');
|
||
|
|
var autoprefixer = require('gulp-autoprefixer');
|
||
|
|
var runSequence = require('run-sequence');
|
||
|
|
var sass = require('gulp-sass');
|
||
|
|
var cleanCss = require('gulp-clean-css');
|
||
|
|
var hash = require('gulp-hash');
|
||
|
|
var webserver = require('gulp-webserver');
|
||
|
|
var del = require('del');
|
||
|
|
var util = require('gulp-util');
|
||
|
|
|
||
|
|
|
||
|
|
var src = './src',
|
||
|
|
vnd = './vendor',
|
||
|
|
dst = './static',
|
||
|
|
scssSrc = src + '/scss',
|
||
|
|
scssVnd = vnd + '/scss',
|
||
|
|
scssDst = dst + '/css',
|
||
|
|
jsSrc = src + '/js',
|
||
|
|
jsVnd = vnd + '/js',
|
||
|
|
jsDst = dst + '/js',
|
||
|
|
fontDst = dst + '/fonts';
|
||
|
|
|
||
|
|
// define the default task and add the watch task to it
|
||
|
|
gulp.task('default', ['build']);
|
||
|
|
|
||
|
|
gulp.task('build', function(callback) {
|
||
|
|
runSequence('vendor', 'pack-css', 'pack-js');
|
||
|
|
});
|
||
|
|
|
||
|
|
gulp.task('pack-js', function () {
|
||
|
|
return gulp.src([jsVnd + '/**/*.js', jsSrc + '/**/*.js'])
|
||
|
|
.pipe(concat('slate.js'))
|
||
|
|
.pipe(util.env.debug ? util.noop() : uglify())
|
||
|
|
.pipe(gulp.dest(jsDst));
|
||
|
|
});
|
||
|
|
|
||
|
|
gulp.task('pack-css', function () {
|
||
|
|
return gulp.src([scssVnd + '/**/*.[s]?css', scssSrc + '/**/*.[s]?css'])
|
||
|
|
.pipe(sass({
|
||
|
|
outputStyle: 'compressed',
|
||
|
|
errLogToConsole: true
|
||
|
|
}))
|
||
|
|
.pipe(concat('slate.css'))
|
||
|
|
.pipe(cleanCss())
|
||
|
|
.pipe(gulp.dest(scssDst));
|
||
|
|
});
|
||
|
|
|
||
|
|
gulp.task('vendor', function () {
|
||
|
|
// del([scssDst + '/font-awesome.*', fontDst]);
|
||
|
|
gulp.src(['./node_modules/font-awesome/css/font-awesome.css'])
|
||
|
|
.pipe(gulp.dest(scssVnd));
|
||
|
|
|
||
|
|
gulp.src(['./node_modules/font-awesome/fonts/*'])
|
||
|
|
.pipe(gulp.dest(fontDst));
|
||
|
|
|
||
|
|
gulp.src(['./node_modules/shufflejs/dist/shuffle.js'])
|
||
|
|
.pipe(gulp.dest(jsVnd));
|
||
|
|
|
||
|
|
gulp.src(['./node_modules/tinycolor2/tinycolor.js'])
|
||
|
|
.pipe(gulp.dest(jsVnd));
|
||
|
|
});
|
||
|
|
|
||
|
|
// configure which files to watch and what tasks to use on file changes
|
||
|
|
gulp.task('watch', function() {
|
||
|
|
runSequence('pack-css', 'pack-js');
|
||
|
|
gulp.watch(scssSrc + '/**/*css', ['pack-css']);
|
||
|
|
gulp.watch(jsSrc + '/**/*.js', ['pack-js']);
|
||
|
|
});
|
||
|
|
|
||
|
|
gulp.task('serve', ['watch'], function() {
|
||
|
|
gulp.src(dst)
|
||
|
|
.pipe(webserver({
|
||
|
|
livereload: true,
|
||
|
|
directoryListing: false,
|
||
|
|
open: true,
|
||
|
|
fallback: 'index.html'
|
||
|
|
}));
|
||
|
|
});
|