1 | var gulp = require('gulp');
|
2 |
|
3 | gulp.task('default', fromCss);
|
4 | gulp.task('from-scss', fromScss);
|
5 |
|
6 | function fromCss(done) {
|
7 | var postcss = require('gulp-postcss');
|
8 | var cleanCSS = require('gulp-clean-css');
|
9 | var cssnano = require('cssnano');
|
10 | var csso = require('postcss-csso');
|
11 | var postcss = require('gulp-postcss');
|
12 | var cssvariables = require('postcss-css-variables');
|
13 | var size = require('gulp-size');
|
14 | var gzip = require('gulp-gzip');
|
15 | return gulp.src('src/*.css')
|
16 | .pipe(postcss([cssvariables()]))
|
17 | .pipe(cleanCSS({ level: 2 }))
|
18 | .pipe(postcss([cssnano({ preset: 'advanced' }), csso]))
|
19 | .pipe(size({ showFiles: true }))
|
20 | .pipe(gulp.dest('dist/'))
|
21 | .pipe(gzip())
|
22 | .pipe(size({ showFiles: true }))
|
23 | .pipe(gulp.dest('dist/'));
|
24 | done();
|
25 | }
|
26 | function fromScss(done) {
|
27 | var sass = require('gulp-sass')(require('node-sass'));
|
28 | var cleanCSS = require('gulp-clean-css');
|
29 | var cssnano = require('cssnano');
|
30 | var csso = require('postcss-csso');
|
31 | var postcss = require('gulp-postcss');
|
32 | var size = require('gulp-size');
|
33 | var gzip = require('gulp-gzip');
|
34 | return gulp.src('src/*.scss')
|
35 | .pipe(sass().on('error', sass.logError))
|
36 | .pipe(cleanCSS({ level: 2 }))
|
37 | .pipe(postcss([cssnano({ preset: 'advanced' }), csso]))
|
38 | .pipe(size({ showFiles: true }))
|
39 | .pipe(gulp.dest('dist/'))
|
40 | .pipe(gzip())
|
41 | .pipe(size({ showFiles: true }))
|
42 | .pipe(gulp.dest('dist/'));
|
43 | done();
|
44 | }
|
45 |
|
46 | gulp.task('watch', function(){
|
47 | gulp.series(['default', 'from-scss']);
|
48 | gulp.watch('src/**/*.scss').on('change', gulp.series('from-scss'));
|
49 | gulp.watch('src/*.css').on('change', gulp.series('default'));
|
50 | }) |
\ | No newline at end of file |