You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
144 lines
4.1 KiB
144 lines
4.1 KiB
/*eslint strict: ["error", "global"]*/
|
|
'use strict';
|
|
|
|
//=======================================================
|
|
// Include gulp
|
|
//=======================================================
|
|
var gulp = require('gulp');
|
|
|
|
//=======================================================
|
|
// Include Our Plugins
|
|
//=======================================================
|
|
var sync = require('browser-sync');
|
|
var runSequence = require('run-sequence');
|
|
|
|
//=======================================================
|
|
// Include Our tasks.
|
|
//
|
|
// Each task is broken apart to it's own node module.
|
|
// Check out the ./gulp-tasks directory for more.
|
|
//=======================================================
|
|
var taskCompile = require('./gulp-tasks/compile.js');
|
|
var taskMove = require('./gulp-tasks/move.js');
|
|
var taskLint = require('./gulp-tasks/lint.js');
|
|
var taskCompress = require('./gulp-tasks/compress.js');
|
|
var taskClean = require('./gulp-tasks/clean.js');
|
|
|
|
//=======================================================
|
|
// Compile Our Sass and JS
|
|
// We also move some files if they don't need
|
|
// to be compiled.
|
|
//=======================================================
|
|
gulp.task('compile', ['compile:sass', 'compile:js', 'move:js']);
|
|
|
|
// Compile Sass
|
|
gulp.task('compile:sass', function() {
|
|
return taskCompile.sass();
|
|
});
|
|
|
|
// Compile JavaScript ES2015 to ES5.
|
|
gulp.task('compile:js', function() {
|
|
return taskCompile.js();
|
|
});
|
|
|
|
// If some JS components aren't es6 we want to simply move them
|
|
// into the dist folder. This allows us to clean the dist/js
|
|
// folder on build.
|
|
gulp.task('move:js', function() {
|
|
return taskMove.js();
|
|
});
|
|
|
|
//=======================================================
|
|
// Lint Sass and JavaScript
|
|
//=======================================================
|
|
gulp.task('lint', ['lint:sass', 'lint:js']);
|
|
|
|
// Lint Sass based on .sass-lint.yml config.
|
|
gulp.task('lint:sass', function () {
|
|
return taskLint.sass();
|
|
});
|
|
|
|
// Lint JavaScript based on .eslintrc config.
|
|
gulp.task('lint:js', function () {
|
|
return taskLint.js();
|
|
});
|
|
|
|
//=======================================================
|
|
// Compress Files
|
|
//=======================================================
|
|
gulp.task('compress', function() {
|
|
return taskCompress.assets();
|
|
});
|
|
|
|
//=======================================================
|
|
// Clean all directories.
|
|
//=======================================================
|
|
|
|
gulp.task('clean', ['clean:css', 'clean:js']);
|
|
|
|
// Clean CSS files.
|
|
gulp.task('clean:css', function () {
|
|
return taskClean.css();
|
|
});
|
|
|
|
// Clean JS files.
|
|
gulp.task('clean:js', function () {
|
|
return taskClean.js();
|
|
});
|
|
|
|
//=======================================================
|
|
// Watch and recompile sass.
|
|
//=======================================================
|
|
|
|
// Pull the sass watch task out so we can use run sequence.
|
|
|
|
// Pull the sass watch task out so we can use run sequence.
|
|
gulp.task('watch:sass', function(callback) {
|
|
runSequence(
|
|
['lint:sass', 'compile:sass'],
|
|
callback
|
|
);
|
|
});
|
|
|
|
// Main watch task.
|
|
gulp.task('watch', function() {
|
|
|
|
// BrowserSync proxy setup
|
|
// Uncomment this and swap proxy with your local env url.
|
|
// NOTE: for this to work in Drupal, you must install and enable
|
|
// https://www.drupal.org/project/link_css. This module should
|
|
// NOT be committed to the repo OR enabled on production.
|
|
//
|
|
// This should work out of the box for work within the style guide.
|
|
//
|
|
// sync.init({
|
|
// open: false,
|
|
// proxy: 'http://test.localhost'
|
|
// });
|
|
|
|
// Watch all my sass files and compile sass if a file changes.
|
|
gulp.watch(
|
|
'./src/{global,layout,components}/**/*.scss',
|
|
['watch:sass']
|
|
);
|
|
|
|
// Watch all my JS files and compile if a file changes.
|
|
gulp.watch([
|
|
'./src/{global,layout,components}/**/*.js'
|
|
], ['lint:js', 'compile:js']);
|
|
|
|
});
|
|
|
|
//=======================================================
|
|
// Default Task
|
|
//
|
|
// runSequence runs 'clean' first, and when that finishes
|
|
// 'lint', 'compile' and 'compress' run at the same time.
|
|
//=======================================================
|
|
gulp.task('default', function(callback) {
|
|
runSequence(
|
|
'clean',
|
|
['lint', 'compile', 'compress'],
|
|
callback
|
|
);
|
|
});
|