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:
parent
c2a06502b7
commit
ac0713dfca
47
gulpfile.js
47
gulpfile.js
|
@ -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'));
|
Reference in New Issue