framework/bedrock
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Introduce src/ and dist/ folders

Browse Source 
Separate minifying/renaming of files to prod-only tasks

Add tasks for copying jQuery and fonts

Ref #1138, #1070, #1155
This commit is contained in:
Ben Word
2014-10-27 10:01:17 -05:00
parent e3266279e6
commit 5b22f0bd9d
24 changed files with 164 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
gulpfile.js
View File

@@ -1,35 +1,27 @@
/*global $:true*/
var gulp = require('gulp');
var $ = require('gulp-load-plugins')();
var plugins = require('gulp-load-plugins')();
var pngcrush = require('imagemin-pngcrush');
var mainBowerFiles = require('main-bower-files');
var pkg = require('./package.json');
var paths = {
scripts: [
'assets/js/**/*.js',
'!assets/js/vendor/**/*',
'!assets/js/scripts*.js'
'assets/src/js/**/*'
],
jshint: [
'gulpfile.js',
'assets/js/*.js',
'!assets/js/scripts.js',
'!assets/js/scripts.min.js',
'!assets/js/vendor/**/*',
'!assets/**/*.min-*'
'assets/src/js/**/*'
],
less: 'assets/less/main.less',
less: 'assets/src/less/main.less',
bower: mainBowerFiles()
};
var destination = {
css: 'assets/css',
scripts: 'assets/js',
modernizr: 'assets/vendor/modernizr',
vendor: 'assets/js/vendor'
};
gulp.task('less', function() {
gulp.task('less:dev', function() {
return gulp.src(paths.less)
.pipe($.plumber())
.pipe($.sourcemaps.init())
@@ -38,14 +30,23 @@ gulp.task('less', function() {
})
.pipe($.autoprefixer('last 2 versions', 'ie 8', 'ie 9', 'android 2.3', 'android 4', 'opera 12'))
.pipe($.rename('./main.css'))
.pipe(gulp.dest('assets/dist/css'))
.pipe($.sourcemaps.write())
.pipe(gulp.dest(destination.css))
.pipe($.minifyCss())
.pipe($.rename('./main.min.css'))
.pipe(gulp.dest(destination.css))
.pipe($.livereload({ auto: false }));
});
gulp.task('less:build', function() {
return gulp.src(paths.less)
.pipe($.plumber())
.pipe($.less()).on('error', function(err) {
console.warn(err.message);
})
.pipe($.autoprefixer('last 2 versions', 'ie 9', 'android 2.3', 'android 4', 'opera 12'))
.pipe($.rename('./main.min.css'))
.pipe(gulp.dest('assets/dist/css'))
.pipe($.minifyCss());
});
gulp.task('jshint', function() {
return gulp.src(paths.jshint)
.pipe($.jshint())
@@ -53,45 +54,53 @@ gulp.task('jshint', function() {
.pipe($.jshint.reporter('fail'));
});
gulp.task('js', ['jshint'], function() {
gulp.task('js:dev', ['jshint'], function() {
return gulp.src(paths.bower.concat(paths.scripts))
.pipe($.filter(['**/*.js', '!jquery.js', '!modernizr.js']))
.pipe($.concat('./scripts.js'))
.pipe(gulp.dest(destination.scripts))
.pipe($.uglify())
.pipe($.rename('./scripts.min.js'))
.pipe(gulp.dest(destination.scripts))
.pipe(gulp.dest('assets/dist/js'))
.pipe($.livereload({ auto: false }));
});
gulp.task('modernizr', function() {
return gulp.src(
['assets/js/scripts.min.js'],
['assets/css/main.min.css']
)
.pipe($.modernizr())
.pipe(gulp.dest(destination.modernizr))
gulp.task('js:build', ['jshint'], function() {
return gulp.src(paths.bower.concat(paths.scripts))
.pipe($.concat('./scripts.min.js'))
.pipe($.uglify())
.pipe($.rename('./modernizr.min.js'))
.pipe(gulp.dest(destination.vendor));
.pipe(gulp.dest('assets/dist/js'));
});
gulp.task('images', function () {
return gulp.src('assets/img/**/*')
gulp.task('copy:fonts', function() {
return gulp.src(['bower_components/bootstrap/fonts/*', 'assets/src/fonts/*'])
.pipe(gulp.dest('assets/dist/fonts'));
});
gulp.task('copy:jquery', function() {
return gulp.src(['bower_components/jquery/dist/jquery.min.js'])
.pipe($.rename('jquery-' + pkg.devDependencies.jquery + '.min.js'))
.pipe(gulp.dest('assets/dist/js'));
});
gulp.task('images', function() {
return gulp.src('assets/src/img/**/*')
.pipe($.imagemin({
progressive: true,
interlaced: true,
use: [pngcrush()]
}))
.pipe(gulp.dest('assets/img'));
.pipe(gulp.dest('assets/dist/img'));
});
gulp.task('bust', function () {
$.cache.clearAll();
gulp.task('modernizr', function() {
return gulp.src(
['assets/dist/js/scripts.min.js'],
['assets/dist/css/main.min.css']
)
.pipe($.modernizr('modernizr.min.js'))
.pipe($.uglify())
.pipe(gulp.dest('assets/dist/js'));
});
gulp.task('version', function() {
return gulp.src(['assets/css/main.min.css', 'assets/js/scripts.min.js'], { base: 'assets' })
return gulp.src(['assets/dist/css/main.min.css', 'assets/dist/js/scripts.min.js'], { base: 'assets' })
.pipe($.rev())
.pipe(gulp.dest('assets'))
.pipe($.rev.manifest())
@@ -100,13 +109,13 @@ gulp.task('version', function() {
gulp.task('watch', function() {
$.livereload.listen();
gulp.watch('assets/less/**/*.less', ['less']);
gulp.watch('assets/js/**/*.js', ['jshint', 'js']);
gulp.watch('assets/src/less/**/*', ['less:dev']);
gulp.watch('assets/src/js/**/*', ['jshint', 'js:dev']);
gulp.watch('**/*.php').on('change', function(file) {
$.livereload.changed(file.path);
});
});
gulp.task('default', ['less', 'jshint', 'js', 'modernizr']);
gulp.task('default', ['less:dev', 'jshint', 'js:dev']);
gulp.task('dev', ['default']);
gulp.task('build', ['less', 'jshint', 'js', 'modernizr', 'version']);
gulp.task('build', ['less:build', 'js:build', 'copy:fonts', 'copy:jquery', 'images', 'modernizr', 'version']);