vue webpack 2 autoprefixer für ie9 +

10

Verwenden von Vue, das mit dem Webpack-Build aus Vuecli generiert wurde. Es ist viel Magie im Gange. Was ich nicht herausfinden kann, ist, wie man die für IE benötigten Lieferantenpräfixe erzeugt.

Dies wurde vom GitHub-Thema kopiert: Ссылка

vue-loader.conf.js

%Vor%

Beispiel für eine einfache Containerkomponente

container / index.vue

%Vor%

container / index.scss

%Vor%

Erwartete inline -Ausgabe, die im Kopf generiert wird (aber derzeit keine -ms-flexbox- oder -webkit-Präfixe)

%Vor%

Verwandte:

  1. webpack2 vue-cli autoprefixer funktioniert nicht in js-Datei, wenn scss-Datei erforderlich?

  2. Ссылка Verwendet nur autoprefixer in vue-loader.conf.js mit den letzten 2 Versionen (Ich habe browsers: ['ie >= 9'] verwendet, hat nicht funktioniert)

  3. Mögliche Lösung : Ссылка  Sie erhalten jedoch Fehler in der Quellkarte in der Konsole.

Hinzugefügt zu build / utils.js

%Vor%

Update 26-07-2017

Repo hier hinzugefügt: Ссылка

Update 03-08-2017

@ Chris Camaratta %Vor%     

Simon 20.07.2017, 07:30
quelle

1 Antwort

2

Ich werde ein bisschen anders Takt nehmen. Die Quelle für die Vue / Webpack-Vorlage ist hier . Es sieht ganz anders aus als das, was du oben gepostet hast. In der Konfiguration des Templates sollte man nur "browserslist" "field in package.json" verwenden (ref .postcssrc.js ).

Versuchen Sie als ein Experiment:

  1. Ersetzen Sie Ihre vue-loader.conf.js durch einer
  2. Ersetzen Sie build / utils.js durch dieses
  3. Stellen Sie sicher, dass Sie eine .postcssrc.js im Stammverzeichnis Ihres Projekts (neben package.json) haben. Kopieren Sie dieses .
  4. Fügen Sie Ihrer package.json einen Abschnitt browserlist hinzu. Nochmal, Probe hier

Informationen zu BrowserList-Regeln finden Sie hier

    
Chris Camaratta 23.07.2017 18:07
quelle

Tags und Links