|
1 | 1 | gulp-postcss |
2 | 2 | ============ |
3 | 3 |
|
4 | | -[PostCSS](https://github.com/postcss/postcss) gulp plugin |
| 4 | +[PostCSS](https://github.com/postcss/postcss) gulp plugin to process CSS throw |
| 5 | +several processors, but parse CSS only once. |
5 | 6 |
|
6 | 7 | ## Basic usage |
7 | 8 |
|
8 | | -``` |
| 9 | +```js |
9 | 10 | var postcss = require('gulp-postcss') |
10 | 11 | var gulp = require('gulp') |
11 | 12 | var autoprefixer = require('autoprefixer') |
12 | 13 | var mqpacker = require('css-mqpacker') |
13 | 14 | var csswring = require('csswring') |
14 | 15 |
|
15 | 16 | gulp.task('css', function () { |
16 | | - var processors = [ |
17 | | - autoprefixer('last 1 version').postcss |
18 | | - , mqpacker.processor |
19 | | - , csswring.postcss |
20 | | - ] |
21 | | - return gulp.src('./src/*.css') |
22 | | - .pipe(postcss(processors)) |
23 | | - .pipe(gulp.dest('./dest')) |
24 | | -}) |
| 17 | + var processors = [ |
| 18 | + autoprefixer('last 1 version').postcss, |
| 19 | + mqpacker.processor, |
| 20 | + csswring.postcss |
| 21 | + ]; |
| 22 | + return gulp.src('./src/*.css') |
| 23 | + .pipe(postcss(processors)) |
| 24 | + .pipe(gulp.dest('./dest')); |
| 25 | +}); |
25 | 26 | ``` |
26 | 27 |
|
27 | 28 | ## Source map support |
28 | 29 |
|
29 | 30 | Source map is inlined by default, to extract map use together |
30 | 31 | with [gulp-sourcemaps](https://github.com/floridoo/gulp-sourcemaps). |
31 | 32 |
|
32 | | -``` |
| 33 | +```js |
33 | 34 | return gulp.src('./src/*.css') |
34 | | - .pipe(sourcemaps.init()) |
35 | | - .pipe(postcss(processors)) |
36 | | - .pipe(sourcemaps.write('.')) |
37 | | - .pipe(gulp.dest('./dest')) |
| 35 | + .pipe(sourcemaps.init()) |
| 36 | + .pipe(postcss(processors)) |
| 37 | + .pipe(sourcemaps.write('.')) |
| 38 | + .pipe(gulp.dest('./dest')); |
38 | 39 | ``` |
0 commit comments