|
1 |
| -const gulp = require('gulp'); |
| 1 | +const { watch, series, src, dest } = require('gulp'); |
2 | 2 | const rename = require('gulp-rename');
|
3 | 3 | const sass = require('gulp-sass');
|
4 | 4 |
|
5 |
| -gulp.task('build-css', () => { |
6 |
| - return gulp.src('scss/**/*.scss') |
| 5 | +const buildCss = () => { |
| 6 | + return src('scss/**/*.scss') |
7 | 7 | .pipe(sass().on('error', sass.logError))
|
8 |
| - .pipe(gulp.dest('dist')); |
9 |
| -}); |
| 8 | + .pipe(dest('dist')); |
| 9 | +}; |
10 | 10 |
|
11 |
| -gulp.task('minify-css', () => { |
12 |
| - return gulp.src('scss/**/*.scss') |
| 11 | +const minifyCss = () => { |
| 12 | + return src('scss/**/*.scss') |
13 | 13 | .pipe(sass({
|
14 | 14 | outputStyle: 'compressed'
|
15 | 15 | }).on('error', sass.logError))
|
16 | 16 | .pipe(rename({
|
17 | 17 | suffix: '.min'
|
18 | 18 | }))
|
19 |
| - .pipe(gulp.dest('dist')); |
20 |
| -}); |
| 19 | + .pipe(dest('dist')); |
| 20 | +}; |
21 | 21 |
|
22 |
| -gulp.task('watch', () => { |
23 |
| - gulp.watch('scss/**/*.scss', ['build-css']); |
24 |
| -}); |
| 22 | +exports.watch = () => watch('scss/**/*.scss', buildCss); |
25 | 23 |
|
26 |
| -gulp.task('default', ['build-css', 'minify-css']); |
| 24 | +exports.default = series(buildCss, minifyCss); |
0 commit comments