fix: webpack settings was causing issues

Author: pgerochi

config/webpack.config.js

@@ -18,7 +18,7 @@ const config = {
   },
   plugins: [
     new HtmlWebpackPlugin({
-      template: path.resolve(__dirname, '../src/index.html')
+      template: path.join(SRC_DIRECTORY, 'index.html')
     }),
     new CopyWebpackPlugin([
       { from: path.join(SRC_DIRECTORY, 'assets'), to: path.join(ROOT_DIRECTORY, 'build') }

config/webpack.config.production.js

@@ -1,4 +1,5 @@
 const config = require('./webpack.config.js');
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 
 config.mode = 'production';
 
@@ -8,4 +9,11 @@ config.optimization = {
   }
 };
 
+config.plugins = config.plugins.concat([
+  new UglifyJsPlugin({
+    sourceMap: true,
+    extractComments: true
+  })
+]);
+
 module.exports = config;

package-lock.json

@@ -12,7 +12,7 @@
     "watch:style": "node-sass --watch src/assets/styles/index.scss build/index.css",
     "sass": "node-sass src/styles/index.scss build/index.css",
     "build": "npm run clean && npm run sass && npm run webpack",
-    "heroku-postbuild": "webpack --config config/webpack.config.production.js",
+    "heroku-postbuild": "npm run  --config config/webpack.config.production.js",
     "lint": "eslint src config",
     "dev": " webpack-dashboard -- webpack-dev-server --config config/webpack.config.dev.js",
     "test": "export NODE_ENV=test && jest",

package.json

@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <title>React Webpack Babel Starter Kit</title>
   <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' />
-  <link rel="stylesheet" type="text/css" href="index.css" />
+  <link rel="stylesheet" type="text/css" href="/build/index.css" />
   <link rel="icon" type="image/png" sizes="24x24" href="/icons/favicon-32x32.png">
   <link rel="shortcut icon" sizes="192x192" href="/icons/shortcut-192x192.png" type="image/png">
   <link rel="apple-touch-icon" sizes="192x192" href="/icons/shortcut-192x192.png" type="image/png">

src/index.html

@@ -1,7 +1,3 @@
-/* http://meyerweb.com/eric/tools/css/reset/
-   v2.0 | 20110126
-   License: none (public domain) */
-
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
@@ -58,4 +54,4 @@ a
 
 
 html
-  font-family: sans-serif
+  font-family: sans-serif