2014-06-09 17:02:39 +04:00
|
|
|
/**
|
|
|
|
*
|
2014-06-09 12:56:26 +04:00
|
|
|
* Web Starter Kit
|
|
|
|
* Copyright 2014 Google Inc. All rights reserved.
|
2014-06-09 17:02:39 +04:00
|
|
|
*
|
2014-06-09 12:56:26 +04:00
|
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
* you may not use this file except in compliance with the License.
|
|
|
|
* You may obtain a copy of the License at
|
2014-06-09 17:02:39 +04:00
|
|
|
*
|
2014-06-09 12:56:26 +04:00
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
2014-06-09 17:02:39 +04:00
|
|
|
*
|
2014-06-09 12:56:26 +04:00
|
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
* See the License for the specific language governing permissions and
|
|
|
|
* limitations under the License
|
2014-06-09 17:02:39 +04:00
|
|
|
*
|
2014-06-09 12:56:26 +04:00
|
|
|
*/
|
2014-06-09 17:02:39 +04:00
|
|
|
|
2014-04-17 16:02:38 +04:00
|
|
|
'use strict';
|
|
|
|
var gulp = require('gulp');
|
2014-06-07 21:38:49 +04:00
|
|
|
var $ = require('gulp-load-plugins')();
|
2014-06-07 21:42:01 +04:00
|
|
|
var rimraf = require('rimraf');
|
2014-05-06 16:47:36 +04:00
|
|
|
var browserSync = require('browser-sync');
|
2014-06-06 14:59:34 +04:00
|
|
|
var pagespeed = require('psi');
|
2014-05-06 16:47:36 +04:00
|
|
|
var reload = browserSync.reload;
|
2014-04-17 16:02:38 +04:00
|
|
|
|
2014-06-07 21:38:49 +04:00
|
|
|
// public URL for your website
|
|
|
|
var PUBLIC_URL = 'https://example.com';
|
2014-05-07 13:33:42 +04:00
|
|
|
|
2014-06-19 04:34:50 +04:00
|
|
|
gulp.task('styles', function () {
|
|
|
|
gulp.src('app/styles/**/*.scss')
|
|
|
|
.pipe($.rubySass({
|
|
|
|
style: 'expanded',
|
|
|
|
precision: 10,
|
|
|
|
loadPath: ['app/styles', 'app/styles/components']
|
|
|
|
}))
|
|
|
|
.pipe($.autoprefixer('last 1 version'))
|
|
|
|
.pipe(gulp.dest('.tmp/styles'))
|
|
|
|
.pipe($.size({title: 'styles:scss'}));
|
2014-06-18 23:58:06 +04:00
|
|
|
|
2014-06-19 04:34:50 +04:00
|
|
|
return gulp.src('app/styles/**/*.css')
|
|
|
|
.pipe($.autoprefixer('last 1 version'))
|
|
|
|
.pipe(gulp.dest('app/styles'))
|
|
|
|
.pipe(reload({stream: true}))
|
|
|
|
.pipe($.size({title: 'styles:css'}));
|
|
|
|
});
|
2014-04-17 16:02:38 +04:00
|
|
|
|
2014-05-28 15:07:50 +04:00
|
|
|
gulp.task('jshint', function () {
|
2014-06-06 16:01:17 +04:00
|
|
|
return gulp.src('app/scripts/**/*.js')
|
2014-04-17 16:02:38 +04:00
|
|
|
.pipe($.jshint())
|
2014-05-16 12:18:34 +04:00
|
|
|
.pipe($.jshint.reporter('jshint-stylish'))
|
|
|
|
.pipe($.jshint.reporter('fail'))
|
2014-06-07 22:12:26 +04:00
|
|
|
.pipe(reload({stream: true, once: true}));
|
2014-04-17 16:02:38 +04:00
|
|
|
});
|
|
|
|
|
2014-06-18 23:58:06 +04:00
|
|
|
gulp.task('html', function () {
|
2014-06-06 16:01:17 +04:00
|
|
|
return gulp.src('app/**/*.html')
|
2014-06-19 04:34:50 +04:00
|
|
|
.pipe($.useref.assets({searchPath: '{.tmp,app}'}))
|
2014-06-07 21:34:02 +04:00
|
|
|
.pipe($.if('*.js', $.uglify()))
|
|
|
|
.pipe($.if('*.css', $.csso()))
|
2014-06-10 16:23:49 +04:00
|
|
|
.pipe($.if('*.css', $.uncss({ html: ['app/index.html'] })))
|
2014-04-17 16:02:38 +04:00
|
|
|
.pipe($.useref.restore())
|
|
|
|
.pipe($.useref())
|
2014-06-12 16:20:49 +04:00
|
|
|
.pipe($.minifyHtml())
|
2014-06-06 16:01:17 +04:00
|
|
|
.pipe(gulp.dest('dist'))
|
2014-06-07 21:54:45 +04:00
|
|
|
.pipe($.size({title: 'html'}));
|
2014-04-17 16:02:38 +04:00
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('images', function () {
|
2014-06-06 16:01:17 +04:00
|
|
|
return gulp.src('app/images/**/*')
|
2014-04-17 16:02:38 +04:00
|
|
|
.pipe($.cache($.imagemin({
|
|
|
|
progressive: true,
|
|
|
|
interlaced: true
|
|
|
|
})))
|
2014-06-06 16:01:17 +04:00
|
|
|
.pipe(gulp.dest('dist/images'))
|
2014-05-06 16:47:36 +04:00
|
|
|
.pipe(reload({stream: true, once: true}))
|
2014-06-07 21:54:45 +04:00
|
|
|
.pipe($.size({title: 'images'}));
|
2014-04-17 16:02:38 +04:00
|
|
|
});
|
|
|
|
|
2014-06-07 21:59:39 +04:00
|
|
|
gulp.task('pagespeed', pagespeed.bind(null, {
|
2014-06-09 13:09:12 +04:00
|
|
|
// By default, we use the free (no API key) tier
|
|
|
|
// You can use a Google Developer API key if you
|
|
|
|
// have one. See http://goo.gl/RkN0vE for info
|
|
|
|
// key: 'YOUR_API_KEY'
|
2014-06-07 21:59:39 +04:00
|
|
|
url: PUBLIC_URL,
|
|
|
|
strategy: 'mobile'
|
|
|
|
}));
|
2014-05-07 13:33:42 +04:00
|
|
|
|
2014-06-07 21:42:01 +04:00
|
|
|
gulp.task('clean', rimraf.bind(null, 'dist'));
|
2014-04-17 16:02:38 +04:00
|
|
|
|
2014-06-18 23:58:06 +04:00
|
|
|
gulp.task('serve', function () {
|
2014-05-06 16:47:36 +04:00
|
|
|
browserSync.init(null, {
|
|
|
|
server: {
|
2014-06-19 04:34:50 +04:00
|
|
|
baseDir: ['app', '.tmp']
|
2014-06-09 18:24:30 +04:00
|
|
|
},
|
|
|
|
notify: false
|
2014-05-06 16:47:36 +04:00
|
|
|
});
|
2014-04-17 16:02:38 +04:00
|
|
|
|
2014-06-10 16:23:49 +04:00
|
|
|
gulp.watch(['app/**/*.html'], reload);
|
2014-06-19 04:34:50 +04:00
|
|
|
gulp.watch(['app/styles/**/*.{css,scss}'], ['styles']);
|
|
|
|
gulp.watch(['.tmp/styles/**/*.css'], reload);
|
2014-06-07 21:51:04 +04:00
|
|
|
gulp.watch(['app/scripts/**/*.js'], ['jshint']);
|
|
|
|
gulp.watch(['app/images/**/*'], ['images']);
|
2014-04-17 16:02:38 +04:00
|
|
|
});
|
2014-06-07 21:38:49 +04:00
|
|
|
|
2014-06-19 04:34:50 +04:00
|
|
|
gulp.task('build', ['jshint', 'styles', 'html', 'images']);
|
2014-06-07 21:38:49 +04:00
|
|
|
|
|
|
|
gulp.task('default', ['clean'], function (cb) {
|
|
|
|
gulp.start('build', cb);
|
|
|
|
});
|