Add font-awesome into app

Author: marcodearaujo

app/App.js

@@ -2,6 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { Router, Route, IndexRoute, hashHistory } from 'react-router'
 import 'bulma/css/bulma.css'
+import 'font-awesome-webpack'
 
 import iClientComponent from 'components/iClient/iClientComponent';
 import HomeComponent from 'components/Home/HomeComponent';

package.json

@@ -17,10 +17,15 @@
     "babel-preset-es2015": "^6.16.0",
     "babel-preset-react": "^6.16.0",
     "css-loader": "^0.25.0",
+    "file-loader": "^0.9.0",
+    "font-awesome-webpack": "0.0.4",
     "http-server": "^0.9.0",
+    "less": "^2.7.1",
+    "less-loader": "^2.2.3",
     "npm-run-all": "^3.1.0",
     "path": "^0.12.7",
     "style-loader": "^0.13.1",
+    "url-loader": "^0.5.7",
     "webpack": "^1.13.2"
   },
   "scripts": {

webpack.config.js

@@ -3,11 +3,18 @@ const path = require('path');
 module.exports = {
     entry: "./app/App.js",
     output: {
-        filename: "public/dist/bundle.js"
+        path: 'public/dist/',
+        publicPath: '/dist/',
+        filename: "bundle.js",
     },
     module: {
         loaders: [
+            //Bulma loader
             { test: /\.css$/, loader: "style-loader!css-loader" },
+            //Font-awesome loader
+            { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&minetype=application/font-woff" },
+            { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" },
+            //Jsx loader
             {
                 test: /\.js$/,
                 exclude: /node_modules/,