add font-awesome and font loading support

package.json

@@ -35,6 +35,7 @@
     "extract-text-webpack-plugin": "^2.0.0-rc.2",
     "favicons-webpack-plugin": "^0.0.7",
     "file-loader": "^0.9.0",
+    "font-awesome": "^4.7.0",
     "html-webpack-plugin": "^2.26.0",
     "json-loader": "^0.5.4",
     "minimist": "^1.2.0",

server/config/webpack.base.js

@@ -24,7 +24,14 @@ module.exports = {
         test: /\.(png|jpg|gif|svg)$/,
         loader: 'file-loader',
         options: {
-          name: '[name].[ext]?[hash]',
+          name: 'img/[name].[ext]?[hash]',
+        },
+      },
+      {
+        test: /\.(woff|woff2|eot|ttf|svg)(\?v=\d+\.\d+\.\d+)?$/,
+        loader: 'file-loader',
+        options: {
+          name: 'fonts/[name].[ext]?[hash]',
         },
       },
     ],

src/App.vue

@@ -26,6 +26,10 @@
 
 <style lang="sass">
   @import './styles/palette'
+
+  // @import '~bulma'
   @import '~bulma/sass/utilities/_all'
   @import '~bulma/sass/base/_all'
+
+  @import '~font-awesome/css/font-awesome.css';
 </style>

yarn.lock

@@ -2227,6 +2227,10 @@ flatten@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.2.tgz#dae46a9d78fbe25292258cc1e780a41d95c03782"
 
+font-awesome@^4.7.0:
+  version "4.7.0"
+  resolved "https://registry.yarnpkg.com/font-awesome/-/font-awesome-4.7.0.tgz#8fa8cf0411a1a31afd07b06d2902bb9fc815a133"
+
 for-each@^0.3.2:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.2.tgz#2c40450b9348e97f281322593ba96704b9abd4d4"