Use coffeescript for gulp
This commit is contained in:
parent
f1048da9ae
commit
cc9b97b840
13 changed files with 79 additions and 93 deletions
94
gulpfile.js
94
gulpfile.js
|
@ -1,92 +1,2 @@
|
|||
'use strict';
|
||||
|
||||
var gulp = require('gulp'),
|
||||
plugins = require('gulp-load-plugins')(),
|
||||
del = require('del');
|
||||
|
||||
var config = {
|
||||
bowerDir: 'vendor/bower',
|
||||
assetsDir: './source/assets',
|
||||
sassPattern: './sass/**/*.scss',
|
||||
production: !!plugins.util.env.production,
|
||||
sourceMaps: !plugins.util.env.production,
|
||||
liveReload: !plugins.util.env.production
|
||||
};
|
||||
|
||||
var app = {};
|
||||
|
||||
app.addStyle = function(paths, filename) {
|
||||
gulp.src(paths)
|
||||
.pipe(plugins.plumber())
|
||||
.pipe(plugins.if(config.sourceMaps, plugins.sourcemaps.init()))
|
||||
.pipe(plugins.sass())
|
||||
.pipe(plugins.concat(filename))
|
||||
.pipe(config.production ? plugins.minifyCss() : plugins.util.noop())
|
||||
.pipe(plugins.if(config.sourceMaps, plugins.sourcemaps.write('.')))
|
||||
.pipe(gulp.dest(config.assetsDir + '/css'))
|
||||
.pipe(plugins.if(config.liveReload, plugins.livereload()));
|
||||
};
|
||||
|
||||
app.copy = function(srcFiles, outputDir) {
|
||||
gulp.src(srcFiles)
|
||||
.pipe(gulp.dest(outputDir));
|
||||
};
|
||||
|
||||
app.addScript = function(paths, filename) {
|
||||
gulp.src(paths)
|
||||
.pipe(plugins.plumber())
|
||||
.pipe(plugins.if(config.sourceMaps, plugins.sourcemaps.init()))
|
||||
.pipe(plugins.concat(filename))
|
||||
.pipe(config.production ? plugins.uglify() : plugins.util.noop())
|
||||
.pipe(plugins.if(config.sourceMaps, plugins.sourcemaps.write('.')))
|
||||
.pipe(gulp.dest(config.assetsDir + '/js'))
|
||||
}
|
||||
|
||||
gulp.task('fonts', function () {
|
||||
// Copy fonts from bower_components into source/asset/fonts.
|
||||
app.copy(config.bowerDir + '/font-awesome/fonts/*', config.assetsDir + '/fonts');
|
||||
});
|
||||
|
||||
gulp.task('styles', function () {
|
||||
app.addStyle([
|
||||
config.bowerDir + '/font-awesome/css/font-awesome.css',
|
||||
'./sass/styles.scss'
|
||||
], 'all.css');
|
||||
});
|
||||
|
||||
gulp.task('scripts', function () {
|
||||
app.addScript([
|
||||
config.bowerDir + '/jquery/dist/jquery.js',
|
||||
config.bowerDir + '/bootstrap-sass/assets/javascripts/bootstrap.js'
|
||||
], 'all.js');
|
||||
});
|
||||
|
||||
gulp.task('images', function () {
|
||||
// Minify images.
|
||||
gulp.src(config.imagesDir + '/*')
|
||||
.pipe(plugins.imagemin())
|
||||
.pipe(gulp.dest(config.imagesDir));
|
||||
});
|
||||
|
||||
gulp.task('watch', function () {
|
||||
plugins.livereload.listen();
|
||||
gulp.watch(config.sassPattern, ['styles']);
|
||||
});
|
||||
|
||||
gulp.task('clean', function () {
|
||||
del.sync(config.assetsDir + '/css');
|
||||
del.sync(config.assetsDir + '/fonts');
|
||||
del.sync(config.assetsDir + '/js');
|
||||
del.sync('./output_*/assets/css/*');
|
||||
del.sync('./output_*/assets/fonts/*');
|
||||
});
|
||||
|
||||
gulp.task('minify-prod-html', function() {
|
||||
gulp.src('output_prod/**/*.html')
|
||||
.pipe(plugins.htmlmin({ collapseWhitespace: true }))
|
||||
.pipe(gulp.dest('output_prod'));
|
||||
});
|
||||
|
||||
gulp.task('build', ['clean', 'styles', 'scripts', 'fonts']);
|
||||
|
||||
gulp.task('default', ['build', 'watch']);
|
||||
require('coffee-script/register');
|
||||
require('./gulpfile.coffee');
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue