wishthis/node_modules/gulp-autoprefixer/readme.md

61 lines
1.4 KiB
Markdown
Raw Permalink Normal View History

2023-08-17 09:47:40 +00:00
# gulp-autoprefixer
2022-01-21 08:28:41 +00:00
> Prefix CSS with [Autoprefixer](https://github.com/postcss/autoprefixer)
*Issues with the output should be reported on the Autoprefixer [issue tracker](https://github.com/postcss/autoprefixer/issues).*
## Install
```
$ npm install --save-dev gulp-autoprefixer
```
## Usage
```js
const gulp = require('gulp');
const autoprefixer = require('gulp-autoprefixer');
2023-08-17 09:47:40 +00:00
exports.default = () => (
2022-01-21 08:28:41 +00:00
gulp.src('src/app.css')
.pipe(autoprefixer({
cascade: false
}))
.pipe(gulp.dest('dist'))
);
```
## API
2023-08-17 09:47:40 +00:00
### autoprefixer(options?)
2022-01-21 08:28:41 +00:00
#### options
2023-08-17 09:47:40 +00:00
Type: `object`
2022-01-21 08:28:41 +00:00
See the Autoprefixer [options](https://github.com/postcss/autoprefixer#options).
## Source Maps
Use [gulp-sourcemaps](https://github.com/gulp-sourcemaps/gulp-sourcemaps) like this:
```js
const gulp = require('gulp');
const sourcemaps = require('gulp-sourcemaps');
const autoprefixer = require('gulp-autoprefixer');
const concat = require('gulp-concat');
2023-08-17 09:47:40 +00:00
exports.default = () => (
2022-01-21 08:28:41 +00:00
gulp.src('src/**/*.css')
.pipe(sourcemaps.init())
.pipe(autoprefixer())
.pipe(concat('all.css'))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('dist'))
);
```
## Tip
If you use other PostCSS based tools, like `cssnano`, you may want to run them together using [`gulp-postcss`](https://github.com/postcss/autoprefixer#gulp) instead of `gulp-autoprefixer`. It will be faster, as the CSS is parsed only once for all PostCSS based tools, including Autoprefixer.