|
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