В WebPack почему размещение автозагрузчика-загрузчика после css-загрузчика в цепочке

Question

Вот пример для автоматического префикса для веб-пакета с его сайта.

loaders: [{
    test: /\.css/,
    loader: 'style-loader!css-loader!autoprefixer-loader'
  }]

Насколько я понимаю, webpack читает загрузчики справа налево, поэтому не стоит размещать autoprefixer-loader перед css-loader в цепочке webpack. Это будет означать, что autoprefixer вызывается после загрузки css, как это происходит в цепочке gulp, как видно из этого примера gulp.

gulp.task('default', function () {
    return gulp.src('src/app.css')
        .pipe(autoprefixer({
            browsers: ['last 2 versions'],
            cascade: false
        }))
        .pipe(gulp.dest('dist'));
});

Answer 1

autoprefixer-loader просто добавляет код автоматического префикса к вам css, затем после css-loader обрабатывает файл css (url, шрифты и т. д.). так что все в порядке.

просто хедз-ап, autoprefixer-loader теперь устарел. возможно, вы захотите переключиться на postcss-loader

https://github.com/postcss/postcss-loader