clean up

webpack.config.js

@@ -1,6 +1,7 @@
 const HtmlWebPackPlugin = require('html-webpack-plugin');
 
 module.exports = {
+  mode: 'development',
   resolve: {
     extensions: ['.js', '.jsx']
   },

webpack.config.prod.js

@@ -3,73 +3,70 @@ const webpack = require('webpack');
 const path = require('path');
 const WorkboxWebpackPlugin = require('workbox-webpack-plugin');
 
-module.exports = env => {
+module.exports = {
-  const mode = env.mode ? env.mode : "production";
+  mode: 'production',
-  return {
+  entry: {
-    mode,
+    main: './src/index.js'
-    entry: {
+  },
-      main: './src/index.js'
+  output: {
-    },
+    filename: '[name].[chunkhash].js',
-    output: {
+    chunkFilename: '[name].[chunkhash].bundle.js',
-      filename: '[name].[chunkhash].js',
+    path: path.resolve(__dirname, 'dist'),
-      chunkFilename: '[name].[chunkhash].bundle.js',
+  },
-      path: path.resolve(__dirname, 'dist'),
+  resolve: {
-    },
+    extensions: ['.js', '.jsx']
-    resolve: {
+  },
-      extensions: ['.js', '.jsx']
+  plugins: [
-    },
+    new webpack.HashedModuleIdsPlugin(),
-    plugins: [
+    new HtmlWebpackPlugin({
-      new webpack.HashedModuleIdsPlugin(),
+      template: './index.html',
-      new HtmlWebpackPlugin({
+      minify: { collapseWhitespace: true, removeCommecnts: true },
-        template: './index.html',
+      inject: false
-        minify: { collapseWhitespace: true, removeCommecnts: true },
+    }),
-        inject: false
+    new WorkboxWebpackPlugin.InjectManifest({
-      }),
+      swSrc: './src/src-sw.js',
-      new WorkboxWebpackPlugin.InjectManifest({
+      swDest: 'sw.js'
-        swSrc: './src/src-sw.js',
+    })
-        swDest: 'sw.js'
+  ],
-      })
+  devtool: "source-map",
-    ],
+  module: {
-    devtool: "source-map",
+    rules: [
-    module: {
+      {
-      rules: [
+        test: /\.(js|jsx)$/,
-        {
+        exclude: /node_modules/,
-          test: /\.(js|jsx)$/,
+        use: {
-          exclude: /node_modules/,
+          loader: 'babel-loader'
-          use: {
-            loader: 'babel-loader'
-          }
-        },
-        {
-          test: /\.scss$/,
-          use: [
-            {
-              loader: 'style-loader'
-            },
-            {
-              loader: 'css-loader',
-              options: {
-                importLoaders: 1
-              }
-            },
-            {
-              loader: 'postcss-loader'
-            }
-          ]
-        },
-        {
-          test: /\.css$/,
-          use: ['style-loader', 'css-loader']
-        },
-        {
-          test: /\.(png|jpg|svg|woff|woff2)?(\?v=\d+.\d+.\d+)?$/,
-          loader: 'url-loader?limit=25000'
-        }, 
-        {
-          test: /\.(eot|ttf)$/,
-          loader: 'file-loader'
         }
-      ]
+      },
-    }
+      {
-  };
+        test: /\.scss$/,
+        use: [
+          {
+            loader: 'style-loader'
+          },
+          {
+            loader: 'css-loader',
+            options: {
+              importLoaders: 1
+            }
+          },
+          {
+            loader: 'postcss-loader'
+          }
+        ]
+      },
+      {
+        test: /\.css$/,
+        use: ['style-loader', 'css-loader']
+      },
+      {
+        test: /\.(png|jpg|svg|woff|woff2)?(\?v=\d+.\d+.\d+)?$/,
+        loader: 'url-loader?limit=25000'
+      }, 
+      {
+        test: /\.(eot|ttf)$/,
+        loader: 'file-loader'
+      }
+    ]
+  }
 };