|
|
@ -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(); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|