Проект состоит из нескольких независимых друг от друга частей,
поэтому логично выделить несколько точек входа, в частности для css.
Есть таск для построения css.
Как не перестраивать все файлы, если меняется только один из них?
А то перестраивание всех файлов сильно тормозит работу.
const path.src.style = ['./assets/src/style/main.scss', './assets/src/style/another-point.scss'],
path.build.css= './assets/build/css/';
// style build
function css_build () {
return gulp.src(path.src.style)
.pipe(plumber())
.pipe(gulpif(devMode, sourcemaps.init()))
.pipe(sass())
.pipe(autoprefixer({
overrideBrowserslist: ['last 2 versions'],
cascade: false
}))
.pipe(gulp.dest(path.build.css))
.pipe(rename({ suffix: '.min' }))
.pipe(cleanCSS({level: {1: {specialComments: 0}}}))
.pipe(gulpif(devMode, sourcemaps.write('./')))
.pipe(gulp.dest(path.build.css))
.pipe(browserSync.reload({ stream: true }));
}
exports.css_build = css_build;