Webpack 2 and Font-Awesome Icon Importing

Chanon Roy
1 min readMay 3, 2017

Getting these two to play nicely together was initially a frustrating endeavour. Here’s what eventually worked for me after some google-fu.

For this build I will be using webpack@2.4.1 and font-awesome@4.7.0.

Start by installing all your webpack-related NPM devDependencies.

npm install webpack file-loader css-loader sass-loader node-sass 
--save-dev

Now we’ll bring font-awesome into our dependencies 😎

npm install font-awesome --save

--

--

Chanon Roy

🧑🏻‍💻 I write about tech and programming. I'm also fluent in film references