Remove Gulp
This commit is contained in:
parent
5d90466e1d
commit
360d1243ea
7 changed files with 0 additions and 412 deletions
|
|
@ -1,33 +0,0 @@
|
||||||
/*eslint strict: ["error", "global"]*/
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
//=======================================================
|
|
||||||
// Include Our Plugins
|
|
||||||
//=======================================================
|
|
||||||
var del = require('del');
|
|
||||||
|
|
||||||
// Export our tasks.
|
|
||||||
module.exports = {
|
|
||||||
|
|
||||||
// Clean style guide files.
|
|
||||||
styleguide: function() {
|
|
||||||
// You can use multiple globbing patterns as you would with `gulp.src`
|
|
||||||
return del([
|
|
||||||
'./dist/style-guide/*'
|
|
||||||
], {force: true});
|
|
||||||
},
|
|
||||||
|
|
||||||
// Clean CSS files.
|
|
||||||
css: function() {
|
|
||||||
return del([
|
|
||||||
'./dist/css/*'
|
|
||||||
], {force: true});
|
|
||||||
},
|
|
||||||
|
|
||||||
// Clean JS files.
|
|
||||||
js: function() {
|
|
||||||
return del([
|
|
||||||
'./dist/js/*'
|
|
||||||
], {force: true});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
@ -1,65 +0,0 @@
|
||||||
/*eslint strict: ["error", "global"]*/
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
//=======================================================
|
|
||||||
// Include gulp
|
|
||||||
//=======================================================
|
|
||||||
var gulp = require('gulp');
|
|
||||||
|
|
||||||
//=======================================================
|
|
||||||
// Include Our Plugins
|
|
||||||
//=======================================================
|
|
||||||
var sass = require('gulp-sass');
|
|
||||||
var prefix = require('gulp-autoprefixer');
|
|
||||||
var sourcemaps = require('gulp-sourcemaps');
|
|
||||||
var sync = require('browser-sync');
|
|
||||||
var rename = require('gulp-rename');
|
|
||||||
|
|
||||||
// Small error handler helper function.
|
|
||||||
function handleError(err) {
|
|
||||||
console.log(err.toString());
|
|
||||||
this.emit('end');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Export our tasks.
|
|
||||||
module.exports = {
|
|
||||||
|
|
||||||
// Compile Sass.
|
|
||||||
sass: function() {
|
|
||||||
return gulp.src('./src/{global,layout,components}/**/*.scss')
|
|
||||||
.pipe(
|
|
||||||
sass({ outputStyle: 'nested' })
|
|
||||||
.on('error', handleError)
|
|
||||||
)
|
|
||||||
.pipe(prefix({
|
|
||||||
cascade: false
|
|
||||||
}))
|
|
||||||
.pipe(rename(function (path) {
|
|
||||||
path.dirname = '';
|
|
||||||
return path;
|
|
||||||
}))
|
|
||||||
.pipe(gulp.dest('./dist/css'))
|
|
||||||
.pipe(sync.stream({match: '**/*.css'}));
|
|
||||||
},
|
|
||||||
|
|
||||||
// Compile JavaScript.
|
|
||||||
js: function() {
|
|
||||||
return gulp.src([
|
|
||||||
'./src/{global,layout,components}/**/*.es6.js'
|
|
||||||
], { base: './' })
|
|
||||||
.pipe(sourcemaps.init())
|
|
||||||
.pipe(rename(function (path) {
|
|
||||||
// Currently not using ES6 modules so for now
|
|
||||||
// es6 files are compiled into individual JS files.
|
|
||||||
// Eventually this can use ES6 Modules and compile
|
|
||||||
// all files within a component directory into a single
|
|
||||||
// foo.bundle.js file. In that case the bundle name should
|
|
||||||
// reflect the components directory name.
|
|
||||||
path.dirname = '';
|
|
||||||
path.basename = path.basename.replace(/\.es6/, '');
|
|
||||||
return path;
|
|
||||||
}))
|
|
||||||
.pipe(sourcemaps.write('./'))
|
|
||||||
.pipe(gulp.dest('./dist/js'));
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
@ -1,35 +0,0 @@
|
||||||
/*eslint strict: ["error", "global"]*/
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
//=======================================================
|
|
||||||
// Include gulp
|
|
||||||
//=======================================================
|
|
||||||
var gulp = require('gulp');
|
|
||||||
|
|
||||||
//=======================================================
|
|
||||||
// Include Our Plugins
|
|
||||||
//=======================================================
|
|
||||||
var rename = require('gulp-rename');
|
|
||||||
var imagemin = require('gulp-imagemin');
|
|
||||||
|
|
||||||
// Export our tasks.
|
|
||||||
module.exports = {
|
|
||||||
|
|
||||||
// Compress svg/png/jpg files.
|
|
||||||
assets: function() {
|
|
||||||
return gulp.src([
|
|
||||||
'./src/{global,layout,components}/**/*{.png,.jpg,.svg}'
|
|
||||||
])
|
|
||||||
.pipe(imagemin({
|
|
||||||
progressive: true,
|
|
||||||
svgoPlugins: [{
|
|
||||||
removeViewBox: false
|
|
||||||
}]
|
|
||||||
}))
|
|
||||||
.pipe(rename(function (path) {
|
|
||||||
path.dirname = '';
|
|
||||||
return path;
|
|
||||||
}))
|
|
||||||
.pipe(gulp.dest('./dist/assets'));
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
@ -1,42 +0,0 @@
|
||||||
/*eslint strict: ["error", "global"]*/
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
//=======================================================
|
|
||||||
// Include gulp
|
|
||||||
//=======================================================
|
|
||||||
var gulp = require('gulp');
|
|
||||||
|
|
||||||
//=======================================================
|
|
||||||
// Include Our Plugins
|
|
||||||
//=======================================================
|
|
||||||
var concat = require('gulp-concat');
|
|
||||||
var order = require('gulp-order');
|
|
||||||
var sync = require('browser-sync');
|
|
||||||
|
|
||||||
// Export our tasks.
|
|
||||||
module.exports = {
|
|
||||||
|
|
||||||
// Concat all CSS into a master bundle.
|
|
||||||
css: function() {
|
|
||||||
return gulp.src([
|
|
||||||
'./dist/css/*.css'
|
|
||||||
])
|
|
||||||
// Reorder the files so global is first.
|
|
||||||
// If you need to get fancier with the order here's an example:
|
|
||||||
// .pipe(order([
|
|
||||||
// 'dist/css/global.css',
|
|
||||||
// 'src/components/**/*.css',
|
|
||||||
// 'dist/css/btn.css',
|
|
||||||
// 'dist/css/form-item.css',
|
|
||||||
// 'dist/css/form-float-label.css',
|
|
||||||
// 'dist/css/*.css'
|
|
||||||
// ], { base: './' }))
|
|
||||||
.pipe(order([
|
|
||||||
'dist/css/global.css',
|
|
||||||
'dist/css/*.css'
|
|
||||||
], { base: './' }))
|
|
||||||
.pipe(concat('all.css'))
|
|
||||||
.pipe(gulp.dest('./dist/all'))
|
|
||||||
.pipe(sync.stream());
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
@ -1,36 +0,0 @@
|
||||||
/*eslint strict: ["error", "global"]*/
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
//=======================================================
|
|
||||||
// Include gulp
|
|
||||||
//=======================================================
|
|
||||||
var gulp = require('gulp');
|
|
||||||
|
|
||||||
//=======================================================
|
|
||||||
// Include Our Plugins
|
|
||||||
//=======================================================
|
|
||||||
var sassLint = require('gulp-sass-lint');
|
|
||||||
var eslint = require('gulp-eslint');
|
|
||||||
|
|
||||||
// Export our tasks.
|
|
||||||
module.exports = {
|
|
||||||
|
|
||||||
// Lint Sass based on .sass-lint.yml config.
|
|
||||||
sass: function() {
|
|
||||||
return gulp.src([
|
|
||||||
'./src/{global,layout,components}/**/*.scss',
|
|
||||||
])
|
|
||||||
.pipe(sassLint())
|
|
||||||
.pipe(sassLint.format());
|
|
||||||
},
|
|
||||||
|
|
||||||
// Lint JavaScript based on .eslintrc config.
|
|
||||||
js: function() {
|
|
||||||
return gulp.src([
|
|
||||||
'./src/{global,layout,components}/**/*.js',
|
|
||||||
'!./src/components/**/vendors/*'
|
|
||||||
])
|
|
||||||
.pipe(eslint())
|
|
||||||
.pipe(eslint.format());
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
@ -1,33 +0,0 @@
|
||||||
/*eslint strict: ["error", "global"]*/
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
// 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.
|
|
||||||
|
|
||||||
//=======================================================
|
|
||||||
// Include gulp
|
|
||||||
//=======================================================
|
|
||||||
var gulp = require('gulp');
|
|
||||||
|
|
||||||
//=======================================================
|
|
||||||
// Include Our Plugins
|
|
||||||
//=======================================================
|
|
||||||
var rename = require('gulp-rename');
|
|
||||||
|
|
||||||
// Export our tasks.
|
|
||||||
module.exports = {
|
|
||||||
|
|
||||||
// Moves JavaScript.
|
|
||||||
js: function() {
|
|
||||||
return gulp.src([
|
|
||||||
'./src/{global,layout,components}/**/*.js',
|
|
||||||
'!./src/{global,layout,components}/**/*.es6.js'
|
|
||||||
], { base: './' })
|
|
||||||
.pipe(rename(function (path) {
|
|
||||||
path.dirname = '';
|
|
||||||
return path;
|
|
||||||
}))
|
|
||||||
.pipe(gulp.dest('./dist/js'));
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
@ -1,168 +0,0 @@
|
||||||
/*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');
|
|
||||||
|
|
||||||
var taskConcat = require('./gulp-tasks/concat.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();
|
|
||||||
});
|
|
||||||
|
|
||||||
//=======================================================
|
|
||||||
// Concat all CSS files into a master bundle.
|
|
||||||
//=======================================================
|
|
||||||
gulp.task('concat', function () {
|
|
||||||
return taskConcat.css();
|
|
||||||
});
|
|
||||||
|
|
||||||
//=======================================================
|
|
||||||
// Clean all directories.
|
|
||||||
//=======================================================
|
|
||||||
gulp.task('clean', ['clean:css', 'clean:js', 'clean:styleguide']);
|
|
||||||
|
|
||||||
// Clean style guide files.
|
|
||||||
gulp.task('clean:styleguide', function () {
|
|
||||||
return taskClean.styleguide();
|
|
||||||
});
|
|
||||||
|
|
||||||
// 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.
|
|
||||||
|
|
||||||
gulp.task('watch:sass', function(callback) {
|
|
||||||
runSequence(
|
|
||||||
['lint:sass', 'compile:sass'],
|
|
||||||
'concat',
|
|
||||||
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.mcdev'
|
|
||||||
// });
|
|
||||||
|
|
||||||
// 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']);
|
|
||||||
|
|
||||||
// Watch all my twig files and rebuild the style guide if a file changes.
|
|
||||||
gulp.watch(
|
|
||||||
'./src/{layout,components}/**/*.twig',
|
|
||||||
['watch:styleguide']
|
|
||||||
);
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
// Reload the browser if the style guide is updated.
|
|
||||||
gulp.task('watch:styleguide', ['styleguide'], sync.reload);
|
|
||||||
|
|
||||||
//=======================================================
|
|
||||||
// Default Task
|
|
||||||
//
|
|
||||||
// runSequence runs 'clean' first, and when that finishes
|
|
||||||
// 'lint', 'compile', 'compress', 'styleguide' run
|
|
||||||
// at the same time. 'concat' runs last.
|
|
||||||
//=======================================================
|
|
||||||
gulp.task('default', function(callback) {
|
|
||||||
runSequence(
|
|
||||||
'clean',
|
|
||||||
['lint', 'compile', 'compress', 'styleguide'],
|
|
||||||
'concat',
|
|
||||||
callback
|
|
||||||
);
|
|
||||||
});
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue