Update logic of CSS minifier, use {compress: true} option.
This commit is contained in:
@@ -215,12 +215,13 @@ function startBrowserSync() {
|
|||||||
|
|
||||||
const bs = browserSync.create();
|
const bs = browserSync.create();
|
||||||
|
|
||||||
gulp.watch(['src/**/*.js', 'src/**/*.mjs', '!src/**/*.min.js'], {delay: 400}, gulp.series([buildScriptFiles, function (cb) {
|
const files = getJSBundleFiles();
|
||||||
|
gulp.watch(files, {delay: 400}, gulp.series([buildScriptFiles, function (cb) {
|
||||||
browserSyncReload(bs, 'js', 'Script Files Change');
|
browserSyncReload(bs, 'js', 'Script Files Change');
|
||||||
return cb();
|
return cb();
|
||||||
}]));
|
}]));
|
||||||
|
|
||||||
gulp.watch('src/**/*.scss', {delay: 400}, gulp.series([buildStyleFiles, function (cb) {
|
gulp.watch(path.join(projectPath, 'src/**/*.scss'), {delay: 400}, gulp.series([buildStyleFiles, function (cb) {
|
||||||
browserSyncReload(bs, 'css', 'Style Files Change');
|
browserSyncReload(bs, 'css', 'Style Files Change');
|
||||||
return cb();
|
return cb();
|
||||||
}]));
|
}]));
|
||||||
@@ -262,26 +263,31 @@ function browserSyncReload(bs, extension = '', message = '') {
|
|||||||
bs.reload(extension);
|
bs.reload(extension);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function getJSBundleFiles() {
|
||||||
|
return [path.join(projectPath, 'src/**/*.js'), path.join(projectPath, 'src/**/*.mjs'), '!' + path.join(projectPath, 'src/**/*.min.js')];
|
||||||
|
}
|
||||||
|
|
||||||
function buildScriptFiles() {
|
function buildScriptFiles() {
|
||||||
return gulp.src(['src/**/*.js', 'src/**/*.mjs', '!src/**/*.min.js'])
|
const files = getJSBundleFiles();
|
||||||
|
return gulp.src(files)
|
||||||
.pipe(sourcemaps.init({}))
|
.pipe(sourcemaps.init({}))
|
||||||
.pipe(babel())
|
.pipe(babel())
|
||||||
.pipe(gulp.src('vendor/*.js'))
|
.pipe(gulp.src(path.join(projectPath, 'vendor/*.js')))
|
||||||
// .pipe(gulp.dest('src/'))
|
// .pipe(gulp.dest('src/'))
|
||||||
.pipe(uglify())
|
.pipe(uglify())
|
||||||
.pipe(rename({extname: '.min.js'}))
|
.pipe(rename({extname: '.min.js'}))
|
||||||
.pipe(sourcemaps.write('.'))
|
.pipe(sourcemaps.write('.'))
|
||||||
.pipe(gulp.dest('src/'));
|
.pipe(gulp.dest(path.join(projectPath, 'src/')));
|
||||||
}
|
}
|
||||||
|
|
||||||
function buildStyleFiles() {
|
function buildStyleFiles() {
|
||||||
return gulp.src('src/**/*.scss')
|
return gulp.src(path.join(projectPath, 'src/**/*.scss'))
|
||||||
.pipe(sourcemaps.init({}))
|
.pipe(sourcemaps.init({}))
|
||||||
.pipe(sass.sync().on('error', sass.logError))
|
.pipe(sass.sync({outputStyle: 'compressed'}).on('error', sass.logError))
|
||||||
// .pipe(gulp.dest('src/'))
|
// .pipe(gulp.dest('src/'))
|
||||||
.pipe(rename({extname: '.min.css'}))
|
.pipe(rename({extname: '.min.css'}))
|
||||||
.pipe(sourcemaps.write('.'))
|
.pipe(sourcemaps.write('.', {}))
|
||||||
.pipe(gulp.dest('src/'))
|
.pipe(gulp.dest(path.join(projectPath, 'src')))
|
||||||
}
|
}
|
||||||
|
|
||||||
function prepareListOfDataFiles(dataFiles) {
|
function prepareListOfDataFiles(dataFiles) {
|
||||||
@@ -395,4 +401,3 @@ function handleSyntaxErrors(err, req, res, next) {
|
|||||||
|
|
||||||
next();
|
next();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user