Split Gulp tasks into their own files
This commit is contained in:
parent
c743e5f9f3
commit
5e8b52c338
1
gulp/build.js
Normal file
1
gulp/build.js
Normal file
|
@ -0,0 +1 @@
|
||||||
|
gulp.task('build', ['clean', 'styles', 'scripts', 'fonts']);
|
6
gulp/clean.js
Normal file
6
gulp/clean.js
Normal file
|
@ -0,0 +1,6 @@
|
||||||
|
var del = require('del');
|
||||||
|
|
||||||
|
gulp.task('clean', function () {
|
||||||
|
del.sync(config.outputDir + '/{css,js}');
|
||||||
|
del.sync('output_*/assets/{css,js}');
|
||||||
|
});
|
1
gulp/default.coffee
Normal file
1
gulp/default.coffee
Normal file
|
@ -0,0 +1 @@
|
||||||
|
global.gulp.task 'default', ['clean', 'build']
|
1
gulp/default.js
Normal file
1
gulp/default.js
Normal file
|
@ -0,0 +1 @@
|
||||||
|
gulp.task('default', ['build', 'watch']);
|
6
gulp/fonts.js
Normal file
6
gulp/fonts.js
Normal file
|
@ -0,0 +1,6 @@
|
||||||
|
gulp.task('fonts', function () {
|
||||||
|
app.copy(
|
||||||
|
config.bowerDir + '/font-awesome/fonts/*',
|
||||||
|
config.outputDir + '/fonts'
|
||||||
|
);
|
||||||
|
});
|
5
gulp/minify-prod-html.js
Normal file
5
gulp/minify-prod-html.js
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
gulp.task('minify-prod-html', function () {
|
||||||
|
gulp.src('output_prod/**/*.html')
|
||||||
|
.pipe(plugins.htmlmin({ collapseWhitespace: true }))
|
||||||
|
.pipe(gulp.dest('output_prod'));
|
||||||
|
});
|
10
gulp/scripts.js
Normal file
10
gulp/scripts.js
Normal file
|
@ -0,0 +1,10 @@
|
||||||
|
gulp.task('scripts', function () {
|
||||||
|
app.js(
|
||||||
|
[
|
||||||
|
config.bowerDir + '/jquery/dist/jquery.js',
|
||||||
|
config.bowerDir + '/bootstrap-sass/assets/javascripts/bootstrap.js',
|
||||||
|
config.assetsDir + '/' + config.jsPattern
|
||||||
|
],
|
||||||
|
'site.js'
|
||||||
|
);
|
||||||
|
});
|
6
gulp/styles.js
Normal file
6
gulp/styles.js
Normal file
|
@ -0,0 +1,6 @@
|
||||||
|
gulp.task('styles', function () {
|
||||||
|
app.css([
|
||||||
|
config.bowerDir + '/font-awesome/css/font-awesome.css',
|
||||||
|
config.assetsDir + '/sass/site.sass'
|
||||||
|
], 'site.css');
|
||||||
|
});
|
6
gulp/watch.js
Normal file
6
gulp/watch.js
Normal file
|
@ -0,0 +1,6 @@
|
||||||
|
gulp.task('watch', function () {
|
||||||
|
plugins.refresh.listen();
|
||||||
|
|
||||||
|
gulp.watch(config.assetsDir + '/' + config.sassPattern, ['styles']);
|
||||||
|
gulp.watch(config.assetsDir + '/' + config.jsPattern, ['scripts']);
|
||||||
|
});
|
56
gulpfile.js
56
gulpfile.js
|
@ -1,19 +1,18 @@
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
var gulp = require('gulp'),
|
global.gulp = require('gulp');
|
||||||
plugins = require('gulp-load-plugins')(),
|
global.plugins = require('gulp-load-plugins')();
|
||||||
del = require('del');
|
|
||||||
|
|
||||||
var config = {
|
global.config = {
|
||||||
assetsDir: 'assets',
|
assetsDir: 'assets',
|
||||||
bowerDir: 'vendor/bower',
|
bowerDir: 'vendor/bower',
|
||||||
jsPattern: 'js/**/*.js',
|
jsPattern: 'js/**/*.js',
|
||||||
outputDir: 'source/assets',
|
outputDir: 'source/assets',
|
||||||
production: plugins.util.env.production || false,
|
production: plugins.util.env.production || false,
|
||||||
sassPattern: 'sass/**/*.sass'
|
sassPattern: 'sass/**/*.sass',
|
||||||
};
|
}
|
||||||
|
|
||||||
var app = {};
|
global.app = {};
|
||||||
|
|
||||||
app.css = function (paths, filename) {
|
app.css = function (paths, filename) {
|
||||||
gulp.src(paths)
|
gulp.src(paths)
|
||||||
|
@ -45,45 +44,4 @@ app.copy = function (source, destination) {
|
||||||
.pipe(gulp.dest(destination));
|
.pipe(gulp.dest(destination));
|
||||||
};
|
};
|
||||||
|
|
||||||
gulp.task('styles', function () {
|
require('require-dir')('./gulp');
|
||||||
app.css([
|
|
||||||
config.bowerDir + '/font-awesome/css/font-awesome.css',
|
|
||||||
config.assetsDir + '/sass/site.sass'
|
|
||||||
], 'site.css');
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task('scripts', function () {
|
|
||||||
app.js([
|
|
||||||
config.bowerDir + '/jquery/dist/jquery.js',
|
|
||||||
config.bowerDir + '/bootstrap-sass/assets/javascripts/bootstrap.js',
|
|
||||||
config.assetsDir + '/' + config.jsPattern
|
|
||||||
], 'site.js');
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task('fonts', function () {
|
|
||||||
app.copy(config.bowerDir + '/font-awesome/fonts/*', config.outputDir + '/fonts');
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task('clean', function () {
|
|
||||||
del.sync(config.outputDir + '/css');
|
|
||||||
del.sync(config.outputDir + '/js');
|
|
||||||
del.sync('output_*/assets/css');
|
|
||||||
del.sync('output_*/assets/js');
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task('build', ['clean', 'styles', 'scripts', 'fonts']);
|
|
||||||
|
|
||||||
gulp.task('watch', function () {
|
|
||||||
plugins.refresh.listen();
|
|
||||||
|
|
||||||
gulp.watch('source/assets/' + config.sassPattern, ['styles']);
|
|
||||||
gulp.watch('source/assets/' + config.jsPattern, ['scripts']);
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task('default', ['build', 'watch']);
|
|
||||||
|
|
||||||
gulp.task('minify-prod-html', function () {
|
|
||||||
gulp.src('output_prod/**/*.html')
|
|
||||||
.pipe(plugins.htmlmin({ collapseWhitespace: true }))
|
|
||||||
.pipe(gulp.dest('output_prod'));
|
|
||||||
});
|
|
||||||
|
|
|
@ -1,7 +1,6 @@
|
||||||
{
|
{
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"bower": "^1.7.7",
|
"bower": "^1.7.7",
|
||||||
"coffee-script": "^1.10.0",
|
|
||||||
"del": "^2.2.0",
|
"del": "^2.2.0",
|
||||||
"gulp": "^3.9.0",
|
"gulp": "^3.9.0",
|
||||||
"gulp-autoprefixer": "^3.1.0",
|
"gulp-autoprefixer": "^3.1.0",
|
||||||
|
@ -21,6 +20,7 @@
|
||||||
"gulp-sass-glob": "^1.0.5",
|
"gulp-sass-glob": "^1.0.5",
|
||||||
"gulp-sourcemaps": "^1.6.0",
|
"gulp-sourcemaps": "^1.6.0",
|
||||||
"gulp-uglify": "^1.5.3",
|
"gulp-uglify": "^1.5.3",
|
||||||
"gulp-util": "^3.0.7"
|
"gulp-util": "^3.0.7",
|
||||||
|
"require-dir": "^0.3.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Reference in a new issue