Kompilacja i minifikacja plików

var gulp = require('gulp');
var gulpsass = require('gulp-sass')(require('sass'));
var uglify = require('gulp-uglify-es').default;
var rename = require('gulp-rename');
var minify = require('gulp-minify');
var chokidar = require('chokidar');

function sass() {
return gulp.src('../scss/**/*.scss')
.pipe(gulpsass())
.pipe(gulp.dest('../css'))
};

function watch() {
gulp.watch('../scss/**/*.scss', sass);
};

function css(){
return gulp.src('../scss/**/*.scss')
.pipe(rename({suffix: '.min'}))
.pipe(gulpsass({outputStyle: 'compressed'}))
.pipe(gulp.dest('../css'))
};

function js(){
return gulp.src('../js/**/*.js')
.pipe(rename({suffix: '.min'}))
.pipe(uglify())
.pipe(gulp.dest('../js'))
};

const watchSapphireScssFilesDependencies = {
"_collection-points.scss": "../scss/collection-points.scss",
"_globals1.scss": "../scss/desktop1.scss",
"_header.scss": "../scss/desktop1.scss",
"_country-flags.scss": "../scss/desktop1.scss",
"_tooltip.scss": "../scss/desktop1.scss",
"_stepper.scss": "../scss/desktop1.scss",
"_pagination.scss": "../scss/desktop1.scss",
"_sliders.scss": "../scss/desktop1.scss",
"_categories-navigation.scss": "../scss/desktop1.scss",
"_home.scss": "../scss/desktop1.scss",
"_product-list.scss": "../scss/desktop1.scss",
"_categories-map.scss": "../scss/desktop1.scss",
"_order.scss": "../scss/desktop1.scss",
"_globals2.scss": "../scss/desktop2.scss",
"_globals-m.scss": "../scss/mobile.scss",
"_offline.scss": "../scss/offline.scss"
};

const watchSapphireJsFiles = ['../js/init.js', '../js/init-ui1.js', '../js/init-ui2.js', '../js/js.js'];

function watchTopazRelease() {
chokidar.watch('../scss/**/*.scss').on('change', (path) => {
console.log(`File '${path}' changed.`)
return gulp.src('../scss/layout*.scss')
.pipe(gulpsass({outputStyle: 'compressed'}))
.pipe(gulp.dest('../css/'))
});
chokidar.watch('../js/layout!(*.min).js').on('change', (path) => {
console.log(`File '${path}' changed.`)
return gulp.src(path)
.pipe(minify({
mangle: false,
compress: false,
noSource: true,
ext: {
min: ".min.js"
}
}))
.pipe(gulp.dest('../js/'))
});
};

function watchSapphireRelease() {
chokidar.watch(['../js/layout!(*.min).js', ...watchSapphireJsFiles]).on('change', (path) => {
console.log(`File '${path}' changed.`)
return gulp.src(path)
.pipe(minify({
mangle: false,
compress: false,
noSource: true,
ext: {
min: ".min.js"
}
}))
.pipe(gulp.dest('../js/'))
});
chokidar.watch('../scss/**/*.scss').on('change', (path) => {
console.log(`File '${path}' changed.`)
let stringsOfRelativePathParts = [];
if(path.includes('/'))
stringsOfRelativePathParts = path.split("/");
else
stringsOfRelativePathParts = path.split("\\");
let fileName = stringsOfRelativePathParts[stringsOfRelativePathParts.length-1];
if(watchSapphireScssFilesDependencies[fileName] !== undefined) {
path = watchSapphireScssFilesDependencies[fileName];
stringsOfRelativePathParts = watchSapphireScssFilesDependencies[fileName].split("/");
return gulp.src(path)
.pipe(gulpsass({outputStyle: 'compressed'}))
.pipe(gulp.dest('../css/'));
}
else if (path.includes('static-elements') || path.includes('elements') || path.includes('partials')) {
return gulp.src('../scss/layout*.scss')
.pipe(gulpsass({outputStyle: 'compressed'}))
.pipe(gulp.dest('../css/'))
}
else if(!fileName.includes('global-variables') ) {
return gulp.src(path)
.pipe(gulpsass({outputStyle: 'compressed'}))
.pipe(gulp.dest('../css/'))
}
});
};

exports.sass = sass;
exports.watch = watch;
exports.css = css;
exports.js = js;
exports.minify = gulp.parallel(js, css);
exports.watchTopazRelease = watchTopazRelease;
exports.watchSapphireRelease = watchSapphireRelease;