4.0 “Indivisibiliter ac Inseparabiliter”
Autoprefixer 4.0 is based on PostCSS 3.0, so it become 2,5 times faster.
Sources Maps
PostCSS 3.0 sets map.inline
and map.sourcesContent
to true
by default, since it is now the most popular way to use maps.
Previous source map is now used in more places. If you miss from
option, PostCSS will take file name from file
field in source map. If CSS contains syntax errors, PostCSS will show origin source of error even if you concatenate many files before Autoprefixer.
Also PostCSS 3.0 now supports Unicode BOM symbol in source maps and better works with sourceMappingURL
annotation comment.
Cleaning
By default Autoprefixer removes outdated prefixes.
Now you can disable this behavior by remove: false
option:
autoprefixer()
.process('a { -webkit-border-radius: 2px; border-radius: 2px }');
// remove outdated -webkit-border-radius
autoprefixer({ remove: false })
.process('a { -webkit-border-radius: 2px; border-radius: 2px }');
// keeps -webkit-border-radius
Other Changes
- Add
box-decoration-break
support. - Do not add old
-webkit-
prefix for gradients withpx
units. - Parse at-rules without spaces like
@import"file"
.