In WebPack warum ist die Platzierung des Autoprefixer-Loader nach dem Css-Loader in der Kette

Question

Hier ist das Beispiel für die autoprefixer for webpack von seiner Website.

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

Es ist mein Verständnis, dass webpack liest Lader von rechts so nach links sollte nicht der autoprefixer-Lader vor der CSS-Laders Kette in webpack palced werden. Dies würde bedeuten, dass autoprefixer aufgerufen wird, nachdem der css geladen wurde, wie in einer Schluckkette, wie in diesem Schluckbeispiel zu sehen ist.

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-Lader kommt noch hinzu, den Auto-Präfix-Code für Sie CSS, dann nach dem CSS-loader Prozess der CSS-Datei (url, Schriften usw.). so ist es in Ordnung.

nur ein Kopf, Autoprefixer-Loader ist jetzt veraltet. Vielleicht möchten Sie den Schalter zu postcss-loader

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