在WebPack中，为什么在链中的css-loader之后放置autoprefixer-loader

Question

以下是该网站autoprefixer for webpack的示例。

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

据我所知，webpack从右到左读取加载器，所以不应该在webpack链中的css-loader之前放置autoprefixer-loader。这意味着在加载css之后调用autoprefixer，就像在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，fonts等）之后。很好。

只是抬头，现在不推荐使用autoprefixer-loader。你可能想切换到postcss-loader

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