Merge pull request #3 from HashemKhalifa/update-webpack-config

Update webpack config and babel

Author: Hashem Khalifa

.babelrc

@@ -1,5 +1,5 @@
 {
-  "presets": ["@babel/env", "@babel/react", "stage-2"],
+  "presets": ["@babel/preset-env", "@babel/preset-react", "stage-2"],
   "plugins": [
     "@babel/plugin-transform-runtime",
     "react-hot-loader/babel",

.eslintrc

@@ -68,6 +68,9 @@
     "babel/object-curly-spacing": 0
   },
   "env": {
-    "jest/globals": true
+    "es6": true,
+    "jest": true,
+    "browser": true,
+    "node": true
   }
 }

package.json

@@ -12,8 +12,7 @@
     "precommit": "lint-staged"
   },
   "lint-staged": {
-    "*.{js,json,css,md}": ["prettier --write --single-quote", "git add"],
-    "*.{jsx, js}": [
+    "*.{js,jsx,json,css,md}": [
       "prettier --write --single-quote",
       "eslint --fix",
       "git add"
@@ -69,6 +68,7 @@
     "eslint-plugin-prettier": "2.6.0",
     "eslint-plugin-react": "7.7.0",
     "eslint-watch": "3.1.4",
+    "file-loader": "^1.1.11",
     "html-webpack-plugin": "3.2.0",
     "husky": "0.14.3",
     "identity-obj-proxy": "3.0.0",

webpack.config.js

@@ -19,6 +19,22 @@ module.exports = {
         test: /\.css$/,
         use: ['style-loader', 'css-loader'],
       },
+      {
+        test: /\.(png|jpg|gif|svg)$/,
+        use: [
+          {
+            loader: 'file-loader',
+          },
+        ],
+      },
+      {
+        test: /\.(woff2|ttf|woff|eot)$/,
+        use: [
+          {
+            loader: 'file-loader',
+          },
+        ],
+      },
     ],
   },
   resolve: {
@@ -29,6 +45,7 @@ module.exports = {
     filename: 'bundle.js',
   },
   plugins: [
+    new webpack.ProgressPlugin(),
     new HtmlWebpackPlugin({
       filename: 'index.html',
       template: `${__dirname}/src/template.html`,