6
6
[ ![ devDependency Status] ( https://img.shields.io/david/dev/scniro/gulp-clean-css.svg?label=devDeps&style=flat-square )] ( https://david-dm.org/scniro/gulp-clean-css#info=devDependencies )
7
7
[ ![ Coverage] ( https://img.shields.io/coveralls/scniro/gulp-clean-css.svg?style=flat-square )] ( https://coveralls.io/github/scniro/gulp-clean-css )
8
8
[ ![ Climate] ( https://img.shields.io/codeclimate/github/scniro/gulp-clean-css.svg?label=climate&style=flat-square )] ( https://codeclimate.com/github/scniro/gulp-clean-css )
9
+ [ ![ Downloads] ( https://img.shields.io/npm/dm/gulp-clean-css.svg?style=flat-square )] ( https://travis-ci.org/scniro/gulp-clean-css )
9
10
10
11
> [ gulp] ( http://gulpjs.com/ ) plugin to minify CSS, using [ clean-css] ( https://github.com/jakubpawlowicz/clean-css )
11
12
@@ -28,10 +29,10 @@ npm install gulp-clean-css --save-dev
28
29
See the [ ` CleanCSS ` options] ( https://github.com/jakubpawlowicz/clean-css#how-to-use-clean-css-api ) .
29
30
30
31
``` javascript
31
- var gulp = require (' gulp' );
32
- var cleanCSS = require (' gulp-clean-css' );
32
+ let gulp = require (' gulp' );
33
+ let cleanCSS = require (' gulp-clean-css' );
33
34
34
- gulp .task (' minify-css' , function () {
35
+ gulp .task (' minify-css' , () => {
35
36
return gulp .src (' styles/*.css' )
36
37
.pipe (cleanCSS ({compatibility: ' ie8' }))
37
38
.pipe (gulp .dest (' dist' ));
@@ -43,36 +44,36 @@ gulp.task('minify-css', function() {
43
44
Useful for returning details from the underlying [ ` minify() ` ] ( https://github.com/jakubpawlowicz/clean-css#using-api ) call. An example use case could include logging ` stats ` of the minified file. In addition to the default object, ` gulp-clean-css ` provides the file ` name ` and ` path ` for further analysis.
44
45
45
46
``` javascript
46
- var gulp = require (' gulp' );
47
- var cleanCSS = require (' gulp-clean-css' );
48
-
49
- gulp .task (' minify-css' , function () {
50
- return gulp .src (' styles/*.css' )
51
- .pipe (cleanCSS ({debug: true }, function (details ) {
52
- console .log (details .name + ' : ' + details .stats .originalSize );
53
- console .log (details .name + ' : ' + details .stats .minifiedSize );
54
- }))
55
- .pipe (gulp .dest (' dist' ));
47
+ let gulp = require (' gulp' );
48
+ let cleanCSS = require (' gulp-clean-css' );
49
+
50
+ gulp .task (' minify-css' , () => {
51
+ return gulp .src (' styles/*.css' )
52
+ .pipe (cleanCSS ({debug: true }, function (details ) {
53
+ console .log (details .name + ' : ' + details .stats .originalSize );
54
+ console .log (details .name + ' : ' + details .stats .minifiedSize );
55
+ }))
56
+ .pipe (gulp .dest (' dist' ));
56
57
});
57
58
```
58
59
59
60
[ Source Maps] ( http://www.html5rocks.com/tutorials/developertools/sourcemaps/ ) can be generated by using [ gulp-sourcemaps] ( https://github.com/floridoo/gulp-sourcemaps ) .
60
61
61
62
``` javascript
62
63
63
- var gulp = require (' gulp' );
64
- var cleanCSS = require (' gulp-clean-css' );
65
- var sourcemaps = require (' gulp-sourcemaps' );
64
+ let gulp = require (' gulp' );
65
+ let cleanCSS = require (' gulp-clean-css' );
66
+ let sourcemaps = require (' gulp-sourcemaps' );
66
67
67
- gulp .task (' minify-css' , function () {
68
- return gulp .src (' ./src/*.css' )
69
- .pipe (sourcemaps .init ())
70
- .pipe (cleanCSS ())
71
- .pipe (sourcemaps .write ())
72
- .pipe (gulp .dest (' dist' ));
68
+ gulp .task (' minify-css' ,() => {
69
+ return gulp .src (' ./src/*.css' )
70
+ .pipe (sourcemaps .init ())
71
+ .pipe (cleanCSS ())
72
+ .pipe (sourcemaps .write ())
73
+ .pipe (gulp .dest (' dist' ));
73
74
});
74
75
```
75
76
76
77
## License
77
78
78
- [ MIT] ( ./LICENSE ) © 2016 [ scniro] ( https://github.com/scniro )
79
+ [ MIT] ( ./LICENSE ) © 2017 [ scniro] ( https://github.com/scniro )
0 commit comments