opdavies/oliverdavies.uk-old-sculpin
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Move config back into gulpfile

Browse source
This commit is contained in:
Oliver Davies 2017-01-26 19:28:43 +00:00
parent 7f4a36f906
commit d10dba6f4b
2 changed files with 32 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
gulpfile.config.js
View file

@ -1,24 +0,0 @@
module.exports = function (plugins) {
return {
autoprefixer: {
browsers: ["last 2 versions", "> 5%"]
},
bower: {
path: 'vendor/bower_components',
},
fonts: {
destination: 'source/assets/fonts',
},
js: {
source: 'assets/js',
pattern: '/**/*.js',
destination: 'source/assets/js',
},
production: !!plugins.util.env.production,
sass: {
source: 'assets/sass',
pattern: '/**/*.sass',
destination: 'source/assets/css',
}
}
}

50
gulpfile.js
View file

@ -4,53 +4,67 @@ var gulp = require('gulp');
var plugins = require('gulp-load-plugins')(); var plugins = require('gulp-load-plugins')();
var del = require('del'); var del = require('del');
var config = require('./gulpfile.config')(plugins); var config = {
bowerDir: 'vendor/bower_components',
fontsDir: 'source/assets/fonts',
js: {
sourceDir: 'assets/js',
pattern: '/**/*.js',
outputDir: 'source/assets/js',
},
production: !!plugins.util.env.production,
sass: {
sourceDir: 'assets/sass',
pattern: '/**/*.sass',
outputDir: 'source/assets/css',
}
};
gulp.task('styles', function() { gulp.task('styles', function() {
return gulp.src([ return gulp.src([
config.bower.path + '/font-awesome/css/font-awesome.css', config.bowerDir + '/font-awesome/css/font-awesome.css',
config.bower.path + '/highlightjs/styles/default.css', config.bowerDir + '/highlightjs/styles/default.css',
config.sass.source + config.sass.pattern config.sass.sourceDir + config.sass.pattern
]) ])
.pipe(plugins.plumber()) .pipe(plugins.plumber())
.pipe(plugins.if(!config.production, plugins.sourcemaps.init())) .pipe(plugins.if(!config.production, plugins.sourcemaps.init()))
.pipe(plugins.sassGlob()) .pipe(plugins.sassGlob())
.pipe(plugins.sass()) .pipe(plugins.sass())
.pipe(plugins.autoprefixer({ .pipe(plugins.autoprefixer({
browsers: config.autoprefixer.browsers, browsers: ["last 2 versions", "> 5%"],
cascade: false cascade: false
})) }))
.pipe(plugins.concat('site.css')) .pipe(plugins.concat('site.css'))
.pipe(plugins.if(config.production, plugins.cleanCss())) .pipe(plugins.if(config.production, plugins.cleanCss()))
.pipe(plugins.if(!config.production, plugins.sourcemaps.write('.'))) .pipe(plugins.if(!config.production, plugins.sourcemaps.write('.')))
.pipe(plugins.if(!config.production, plugins.refresh())) .pipe(plugins.if(!config.production, plugins.refresh()))
.pipe(gulp.dest(config.sass.destination)); .pipe(gulp.dest(config.sass.outputDir));
}); });
gulp.task('scripts', function() { gulp.task('scripts', function() {
return gulp.src([ return gulp.src([
config.bower.path + '/jquery2/jquery.js', config.bowerDir + '/jquery2/jquery.js',
config.bower.path + '/bootstrap-sass/assets/javascripts/bootstrap.js', config.bowerDir + '/bootstrap-sass/assets/javascripts/bootstrap.js',
config.bower.path + '/highlightjs/highlight.pack.js', config.bowerDir + '/highlightjs/highlight.pack.js',
config.js.source + config.js.pattern config.js.sourceDir + config.js.pattern
]) ])
.pipe(plugins.plumber()) .pipe(plugins.plumber())
.pipe(plugins.if(!config.production, plugins.sourcemaps.init())) .pipe(plugins.if(!config.production, plugins.sourcemaps.init()))
.pipe(plugins.concat('site.js')) .pipe(plugins.concat('site.js'))
.pipe(plugins.if(config.production, plugins.uglify())) .pipe(plugins.if(config.production, plugins.uglify()))
.pipe(plugins.if(!config.production, plugins.sourcemaps.write('.'))) .pipe(plugins.if(!config.production, plugins.sourcemaps.write('.')))
.pipe(gulp.dest(config.js.destination)); .pipe(gulp.dest(config.js.outputDir));
}); });
gulp.task('fonts', function() { gulp.task('fonts', function() {
return gulp.src(config.bower.path + "/font-awesome/fonts/*") return gulp.src(config.bowerDir + "/font-awesome/fonts/*")
.pipe(gulp.dest(config.fonts.destination)); .pipe(gulp.dest(config.fontsDir));
}); });
gulp.task('clean', function() { gulp.task('clean', function() {
del.sync(config.fonts.destination); del.sync(config.fontsDir);
del.sync(config.js.destination); del.sync(config.js.outputDir);
del.sync(config.sass.destination); del.sync(config.sass.outputDir);
del.sync('output_*/assets/css'); del.sync('output_*/assets/css');
del.sync('output_*/assets/fonts'); del.sync('output_*/assets/fonts');
del.sync('output_*/assets/js'); del.sync('output_*/assets/js');
@ -61,6 +75,6 @@ gulp.task('default', ['clean', 'fonts', 'styles', 'scripts']);
gulp.task('watch', ['default'], function() { gulp.task('watch', ['default'], function() {
plugins.refresh.listen(); plugins.refresh.listen();
gulp.watch(config.sass.source + config.sass.pattern, ['styles']); gulp.watch(config.sass.sourceDir + config.sass.pattern, ['styles']);
gulp.watch(config.js.source + config.js.pattern, ['scripts']); gulp.watch(config.js.sourceDir + config.js.pattern, ['scripts']);
}); });