Add font-awesome

package.json

@@ -33,6 +33,8 @@
     "babel-plugin-transform-react-jsx": "^6.24.1",
     "bootstrap": "^4.0.0-alpha.6",
     "express": "^4.15.3",
+    "file-loader": "^0.11.2",
+    "font-awesome": "^4.7.0",
     "node-sass": "^4.5.3",
     "sass-loader": "^6.0.6"
   }

scss/base.scss

@@ -1 +1,3 @@
 @import "bootstrap";
+$fa-font-path: "../node_modules/font-awesome/fonts/";
+@import "font-awesome";

src/index.js

@@ -3,6 +3,8 @@ import { render } from 'react-dom';
 import scss from '../scss/base.scss';
 
 render(
-  <h1>Hello world!</h1>,
+  <h1>
+    Hello world!
+  </h1>,
   document.getElementById('root')
 );

webpack.config.js

@@ -19,6 +19,7 @@ module.exports = {
   module: {
     rules: [
       { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" },
+      { test: /\.(ttf|eot|svg|woff2?)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" },
       { test: /\.scss$/,
         use: [
           'style-loader',
@@ -27,7 +28,8 @@ module.exports = {
             loader: 'sass-loader',
             options: {
               includePaths: [
-                path.resolve(__dirname, './node_modules/bootstrap/scss/')
+                path.resolve(__dirname, './node_modules/bootstrap/scss/'),
+                path.resolve(__dirname, './node_modules/font-awesome/scss/')
               ]
             }
           }