Add "custom-editor-style.scss" and any other sass file to watch and compile process.

Add all js files to the 'scripts' gulp task.
This commit is contained in:
Lilumi Odi 2019-09-28 16:27:30 +03:00
parent c2a06502b7
commit ac0713dfca
1 changed files with 24 additions and 23 deletions

View File

@ -26,12 +26,12 @@ var paths = cfg.paths;
// Run:
// gulp sass
// Compiles SCSS files in CSS
gulp.task('sass', function() {
gulp.task('sass', function () {
var stream = gulp
.src(paths.sass + '/*.scss')
.pipe(
plumber({
errorHandler: function(err) {
errorHandler: function (err) {
console.log(err);
this.emit('end');
}
@ -48,8 +48,8 @@ gulp.task('sass', function() {
// Run:
// gulp watch
// Starts watcher. Watcher runs gulp sass task on changes
gulp.task('watch', function() {
gulp.watch(`${paths.sass}/**/*.scss`, gulp.series('styles'));
gulp.task('watch', function () {
gulp.watch([`${paths.sass}/**/*.scss`, `${paths.sass}/*.scss`], gulp.series('styles'));
gulp.watch(
[
`${paths.dev}/js/**/*.js`,
@ -67,7 +67,7 @@ gulp.task('watch', function() {
// Run:
// gulp imagemin
// Running image optimizing task
gulp.task('imagemin', function() {
gulp.task('imagemin', function () {
gulp
.src(`${paths.imgsrc}/**`)
.pipe(imagemin())
@ -80,7 +80,7 @@ gulp.task('imagemin', function() {
*/
gulp.task(
'imagemin-watch',
gulp.series('imagemin', function() {
gulp.series('imagemin', function () {
browserSync.reload();
})
);
@ -88,13 +88,13 @@ gulp.task(
// Run:
// gulp cssnano
// Minifies CSS files
gulp.task('cssnano', function() {
gulp.task('cssnano', function () {
return gulp
.src(paths.css + '/theme.css')
.pipe(sourcemaps.init({ loadMaps: true }))
.pipe(
plumber({
errorHandler: function(err) {
errorHandler: function (err) {
console.log(err);
this.emit('end');
}
@ -106,14 +106,14 @@ gulp.task('cssnano', function() {
.pipe(gulp.dest(paths.css));
});
gulp.task('minifycss', function() {
gulp.task('minifycss', function () {
return gulp
.src(`${paths.css}/theme.css`)
.pipe(sourcemaps.init({ loadMaps: true }))
.pipe(cleanCSS({ compatibility: '*' }))
.pipe(
plumber({
errorHandler: function(err) {
errorHandler: function (err) {
console.log(err);
this.emit('end');
}
@ -124,31 +124,32 @@ gulp.task('minifycss', function() {
.pipe(gulp.dest(paths.css));
});
gulp.task('cleancss', function() {
gulp.task('cleancss', function () {
return gulp
.src(`${paths.css}/*.min.css`, { read: false }) // Much faster
.pipe(ignore('theme.css'))
.pipe(rimraf());
});
gulp.task('styles', function(callback) {
gulp.task('styles', function (callback) {
gulp.series('sass', 'minifycss')(callback);
});
// Run:
// gulp browser-sync
// Starts browser-sync task for starting the server.
gulp.task('browser-sync', function() {
gulp.task('browser-sync', function () {
browserSync.init(cfg.browserSyncWatchFiles, cfg.browserSyncOptions);
});
// Run:
// gulp scripts.
// Uglifies and concat all JS files into one
gulp.task('scripts', function() {
gulp.task('scripts', function () {
var scripts = [
// Start - All BS4 stuff
`${paths.dev}/js/bootstrap4/bootstrap.bundle.js`,
`${paths.dev}/js/themejs/*.js`,
// End - All BS4 stuff
@ -162,7 +163,7 @@ gulp.task('scripts', function() {
.src(scripts, { allowEmpty: true })
.pipe(babel(
{
presets: ['@babel/preset-env']
presets: ['@babel/preset-env']
}
))
.pipe(concat('theme.min.js'))
@ -177,7 +178,7 @@ gulp.task('scripts', function() {
});
// Deleting any file inside the /src folder
gulp.task('clean-source', function() {
gulp.task('clean-source', function () {
return del(['src/**/*']);
});
@ -191,7 +192,7 @@ gulp.task('watch-bs', gulp.parallel('browser-sync', 'watch'));
// Copy all needed dependency assets files from bower_component assets to themes /js, /scss and /fonts folder. Run this task after bower install or bower update
////////////////// All Bootstrap SASS Assets /////////////////////////
gulp.task('copy-assets', function(done) {
gulp.task('copy-assets', function (done) {
////////////////// All Bootstrap 4 Assets /////////////////////////
// Copy all JS files
var stream = gulp
@ -229,7 +230,7 @@ gulp.task('copy-assets', function(done) {
});
// Deleting the files distributed by the copy-assets task
gulp.task('clean-vendor-assets', function() {
gulp.task('clean-vendor-assets', function () {
return del([
`${paths.dev}/js/bootstrap4/**`,
`${paths.dev}/sass/bootstrap4/**`,
@ -245,7 +246,7 @@ gulp.task('clean-vendor-assets', function() {
});
// Deleting any file inside the /dist folder
gulp.task('clean-dist', function() {
gulp.task('clean-dist', function () {
return del([paths.dist + '/**']);
});
@ -254,7 +255,7 @@ gulp.task('clean-dist', function() {
// Copies the files to the /dist folder for distribution as simple theme
gulp.task(
'dist',
gulp.series(['clean-dist'], function() {
gulp.series(['clean-dist'], function () {
return gulp
.src(
[
@ -309,7 +310,7 @@ gulp.task(
);
// Deleting any file inside the /dist-product folder
gulp.task('clean-dist-product', function() {
gulp.task('clean-dist-product', function () {
return del([paths.distprod + '/**']);
});
@ -318,7 +319,7 @@ gulp.task('clean-dist-product', function() {
// Copies the files to the /dist-prod folder for distribution as theme with all assets
gulp.task(
'dist-product',
gulp.series(['clean-dist-product'], function() {
gulp.series(['clean-dist-product'], function () {
return gulp
.src([
'**/*',
@ -344,4 +345,4 @@ gulp.task('compile', gulp.series('styles', 'scripts', 'dist'));
// Run:
// gulp
// Starts watcher (default task)
gulp.task('default', gulp.series('watch'));
gulp.task('default', gulp.series('watch'));