以下は、ウェブサイトからのwebpack のオートプレフィクサーの例です。
loaders: [{
test: /\.css/,
loader: 'style-loader!css-loader!autoprefixer-loader'
}]
webpack はローダーを右から左に読み取るので、webpack のチェーンで css-loader の前に autoprefixer-loader を配置しないでください。これは、この gulp の例で見られるように、gulp チェーンで行われるように、css がロードされた後に autoprefixer が呼び出されることを意味します。
gulp.task('default', function () {
return gulp.src('src/app.css')
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(gulp.dest('dist'));
});