2014-11-23 22:17:29 +00:00
|
|
|
var gulp = require('gulp');
|
2014-11-23 16:52:45 +00:00
|
|
|
|
2014-11-23 17:31:52 +00:00
|
|
|
gulp.task('default', ['server'], function() {
|
2014-11-23 22:00:01 +00:00
|
|
|
gulp.watch('./src/**/*.!(html|scss|js)', ['static']);
|
2014-11-23 21:17:01 +00:00
|
|
|
gulp.watch(['./src/**/*.html', './template.html'], ['markup']);
|
2014-11-23 21:16:10 +00:00
|
|
|
gulp.watch('./src/**/*.scss', ['compass']);
|
2014-11-23 22:00:01 +00:00
|
|
|
gulp.watch('./src/**/*.js', ['browserify']);
|
2014-11-23 16:52:45 +00:00
|
|
|
});
|
2014-11-23 17:00:07 +00:00
|
|
|
|
2014-11-23 22:13:24 +00:00
|
|
|
gulp.task('server', ['build'], function() {
|
2014-11-23 22:17:29 +00:00
|
|
|
var connect = require('gulp-connect'),
|
|
|
|
watch = require('gulp-watch');
|
|
|
|
|
2014-11-23 17:24:03 +00:00
|
|
|
watch('./build/**/*', { name: 'Server' })
|
|
|
|
.pipe(connect.reload());
|
|
|
|
return connect.server({
|
|
|
|
root: './build',
|
|
|
|
livereload: true
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2014-11-23 22:13:24 +00:00
|
|
|
gulp.task('build', ['static', 'markup', 'compass', 'browserify']);
|
|
|
|
|
2014-11-23 21:29:40 +00:00
|
|
|
gulp.task('static', function() {
|
2014-11-23 22:00:01 +00:00
|
|
|
return gulp.src('./src/**/*.!(html|scss|js)')
|
2014-11-23 21:29:40 +00:00
|
|
|
.pipe(gulp.dest('./build'));
|
|
|
|
});
|
|
|
|
|
2014-11-23 17:00:07 +00:00
|
|
|
gulp.task('markup', function() {
|
2014-11-23 22:17:29 +00:00
|
|
|
var wrap = require('gulp-wrap');
|
|
|
|
|
2014-11-23 17:00:07 +00:00
|
|
|
return gulp.src('./src/**/*.html')
|
|
|
|
.pipe(wrap({ src: './template.html' }))
|
2014-11-23 21:16:10 +00:00
|
|
|
.pipe(gulp.dest('./build'));
|
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('compass', function() {
|
2014-11-23 22:17:29 +00:00
|
|
|
var compass = require('gulp-compass');
|
|
|
|
|
2014-11-23 21:16:10 +00:00
|
|
|
return gulp.src('./src/**/*.scss')
|
|
|
|
.pipe(compass({
|
|
|
|
sass: './src/sass',
|
|
|
|
css: './build/css',
|
|
|
|
javascript: './build/js',
|
|
|
|
font: './build/font',
|
|
|
|
sourcemap: true
|
|
|
|
}));
|
2014-11-23 17:00:07 +00:00
|
|
|
});
|
2014-11-23 22:00:01 +00:00
|
|
|
|
|
|
|
gulp.task('browserify', function() {
|
2014-11-23 22:17:29 +00:00
|
|
|
var browserify = require('browserify'),
|
|
|
|
es6ify = require('es6ify'),
|
|
|
|
source = require('vinyl-source-stream');
|
|
|
|
bundler = browserify({
|
|
|
|
entries: ['./main.js'],
|
|
|
|
basedir: './src/js',
|
|
|
|
debug: true,
|
|
|
|
});
|
2014-11-23 22:00:01 +00:00
|
|
|
|
|
|
|
bundler.add(es6ify.runtime);
|
|
|
|
bundler.transform(es6ify);
|
|
|
|
|
|
|
|
return bundler
|
|
|
|
.bundle()
|
|
|
|
.pipe(source('js/main.js'))
|
|
|
|
.pipe(gulp.dest('./build'));
|
|
|
|
});
|