Ich habe versucht, Webpack mit LESS und Autoprefixer zu konfigurieren, aber Autoprefixer scheint nicht zu funktionieren. Meine css- oder less-Dateien werden nicht autoprefixiert. Beispiel:
display: flex bleibt display: flex
Ich habe meine Webpack-Konfiguration unten eingefügt:
%Vor%Also das Problem gefunden. Dumm mich, der postcss-Block muss direkt unter der Webpack-Config sein, ich hatte es in Modulblock gesteckt. Mein Schlechter.
EDIT: So sollte es gewesen sein:
%Vor%Also, anstatt es in den Modulblock zu stecken, musste ich es direkt unter den Hauptblock legen, wie oben gezeigt.
Sie müssen Postcss in Ihrer Webpack-Konfiguration für ältere Browserversionen einrichten.
Default für Autoprefixer sind die letzten 2 Versionen von Browsern oder Browsern, die mindestens 5% Marktanteil haben.
%Vor%Es heißt, dass Sie die letzten 3 Versionen von Browsern oder Browsern mit mindestens 1% Marktanteil unterstützen.
Ich hatte ein ähnliches Problem mit Webpack 2.x.x und benutzerdefinierte Eigenschaften sind in der Konfiguration nicht mehr erlaubt. Ich habe eine Lösung für diesen anderen SO-Beitrag gefunden: Verwenden von automatischem Präfix mit postcss in Webpack 2.0 . Für den Fall, dass dieser Link aus einem unbekannten Grund zu einem 404 führen würde, kompiliere ich die relevantesten Antworten hier:
Webpack 2.x.x eingeführt webpack.LoaderOptionsPlugin () Plugin, wo Sie alle Loader-Option-Plugins definieren müssen. Wie, Autoprefixer ist ein Plugin für Postcss-Loader. Also muss es hier gehen. Neue Konfiguration sollte so aussehen:
%Vor%Das funktionierte für mich, aber wie von Kreig erwähnt, ist LoaderOptionsPlugin () nicht nötig. Sie können jetzt Optionen direkt an die Loader-Deklaration übergeben:
%Vor%Tatsache ist, ich habe das 2. mit dem Webpack 2.5.1 versucht, aber es ist fehlgeschlagen. Credits geht an Pranesh Ravi und Kreig.
Tags und Links webpack postcss autoprefixer