11# gulp-postcss [ ![ Build Status] ( https://api.travis-ci.org/postcss/gulp-postcss.png )] ( https://travis-ci.org/postcss/gulp-postcss )
22
33[ PostCSS] ( https://github.com/postcss/postcss ) gulp plugin to pipe CSS through
4- several processors , but parse CSS only once.
4+ several plugins , but parse CSS only once.
55
66## Install
77
@@ -11,19 +11,36 @@ Install required [postcss plugins](https://www.npmjs.com/browse/keyword/postcss-
1111
1212## Basic usage
1313
14+ The configuration is loaded automatically from ` postcss.config.js `
15+ as [ described here] ( https://www.npmjs.com/package/postcss-load-config ) ,
16+ so you don't have to specify any options.
17+
18+ ``` js
19+ var postcss = require (' gulp-postcss' );
20+ var gulp = require (' gulp' );
21+
22+ gulp .task (' css' , function () {
23+ return gulp .src (' ./src/*.css' )
24+ .pipe (postcss ())
25+ .pipe (gulp .dest (' ./dest' ));
26+ });
27+ ```
28+
29+ ## Passing plugins directly
30+
1431``` js
1532var postcss = require (' gulp-postcss' );
1633var gulp = require (' gulp' );
1734var autoprefixer = require (' autoprefixer' );
1835var cssnano = require (' cssnano' );
1936
2037gulp .task (' css' , function () {
21- var processors = [
38+ var plugins = [
2239 autoprefixer ({browsers: [' last 1 version' ]}),
23- cssnano (),
40+ cssnano ()
2441 ];
2542 return gulp .src (' ./src/*.css' )
26- .pipe (postcss (processors ))
43+ .pipe (postcss (plugins ))
2744 .pipe (gulp .dest (' ./dest' ));
2845});
2946```
@@ -41,9 +58,9 @@ var nested = require('postcss-nested');
4158var scss = require (' postcss-scss' );
4259
4360gulp .task (' default' , function () {
44- var processors = [nested];
61+ var plugins = [nested];
4562 return gulp .src (' in.css' )
46- .pipe (postcss (processors , {syntax: scss}))
63+ .pipe (postcss (plugins , {syntax: scss}))
4764 .pipe (gulp .dest (' out' ));
4865});
4966```
@@ -65,12 +82,12 @@ var opacity = function (css, opts) {
6582};
6683
6784gulp .task (' css' , function () {
68- var processors = [
85+ var plugins = [
6986 cssnext ({browsers: [' last 1 version' ]}),
70- opacity,
87+ opacity
7188 ];
7289 return gulp .src (' ./src/*.css' )
73- .pipe (postcss (processors ))
90+ .pipe (postcss (plugins ))
7491 .pipe (gulp .dest (' ./dest' ));
7592});
7693```
@@ -83,7 +100,7 @@ with [gulp-sourcemaps](https://github.com/floridoo/gulp-sourcemaps).
83100``` js
84101return gulp .src (' ./src/*.css' )
85102 .pipe (sourcemaps .init ())
86- .pipe (postcss (processors ))
103+ .pipe (postcss (plugins ))
87104 .pipe (sourcemaps .write (' .' ))
88105 .pipe (gulp .dest (' ./dest' ));
89106```
@@ -124,7 +141,7 @@ return gulp.src('./src/*.css')
124141
125142* 5.1.4
126143 * Simplified error handling
127- * Simplified postcss execution with object processors
144+ * Simplified postcss execution with object plugins
128145
129146* 5.1.3 Updated travis banner
130147
@@ -139,7 +156,7 @@ return gulp.src('./src/*.css')
139156 * Display ` result.warnings() ` content
140157
141158* 5.0.1
142- * Fix to support object processors
159+ * Fix to support object plugins
143160
144161* 5.0.0
145162 * Use async API
@@ -173,7 +190,7 @@ return gulp.src('./src/*.css')
173190 * Improved README
174191
175192* 1.0.1
176- * Don't add source map comment if used with gulp-sourcemap
193+ * Don't add source map comment if used with gulp-sourcemaps
177194
178195* 1.0.0
179196 * Initial release
0 commit comments