Comment ajouter font-awesome au projet nextjs

Question

J'essaie d'ajouter font-awesome à mon projet next.js en utilisant webpack. J'ai essayé de suivre différentes instructions que j'ai trouvées sur le web (en utilisant le chargeur de fichiers, url-loader), mais rien n'a fonctionné pour moi. J'ai abandonné le chargement de font-awesome avec webpack pour le moment, mais je veux savoir comment je peux accomplir cela. Actuellement, j'ai un fichier .scss que j'utilise pour charger font-awesome.

contenu de: Il

$fa-font-path: "static/fonts"; 
@import "~font-awesome/scss/font-awesome.scss"; 

Et je me déplace manuellement les polices node_modules/font-awesome/fonts-static/fonts. Cela fonctionne parfaitement, Mais je voulais savoir s'il y a un webpack 2 façons de le faire en 2017.

Answer 1

Il y a plusieurs façons de le faire. La première serait de créer un composant de tête par là à côté/tête et l'importation - voir here:

Une autre façon est de créer un HOC pour envelopper vos pages et l'importation il avec un simple import 'font-awesome/css/font-awesome.min.css'

Ou, vous pouvez Il suffit de l'importer dans l'une de vos pages avec le même type d'importation. (Je crois que cela se limitera à cette page particulière.) Cochez-moi à ce sujet)

Espérons que cela aide.