Verwenden Sie font-awesome in einer Vue App, die mit vue-cli webpack erstellt wurde

9

Ich versuche, den Font-awesome in einer einfachen Vue-App zu verwenden, die mit vue-cli unter Verwendung der webpack-simple-Vorlage erstellt wurde, aber das ist schwierig.

Ich habe font-awesome mit npm install font-awesome --save installiert und in meinen Eintrag js (main.js)

importiert %Vor%

Dies ist meine aktuelle Datei webpack.config.js:

%Vor%

Ich habe bereits versucht, die Font Loader auf folgende Weise zu ändern:

%Vor%

Aber beide Konfigurationen werfen den gleichen Fehler:

%Vor%

Nach einigem google fand ich einige Links ( hier , hier und hier zum Beispiel), aber jeder von ihnen funktioniert für mich, der Fehler ist immer der gleiche.

Was ist der empfohlene Loader, um mit font-awesome Dateien umgehen zu können? Ich denke, das Problem liegt im Loader, weil alle Regex-Ausdrücke für mich gut aussehen.

Unten finden Sie die Versionen in package.json :

%Vor%     
James 08.01.2017, 19:58
quelle

1 Antwort

3

Es scheint, dass Sie einen Loader für .css in Ihre Webpack-Konfiguration einbinden müssen:

%Vor%     
J. Bruni 08.01.2017, 20:08
quelle

Tags und Links