Update webpack from 1.9.11 to 4.16.0

package.json

@@ -28,10 +28,13 @@
   },
   "homepage": "https://github.com/mmontag/dx7-synth-js#readme",
   "devDependencies": {
+    "babel-core": "^6.26.3",
+    "babel-loader": "^7.1.5",
     "json-loader": "^0.5.2",
     "node-libs-browser": "^0.5.2",
-    "webpack": "^1.9.11",
-    "webpack-dev-server": "^1.9.0"
+    "webpack": "^4.16.0",
+    "webpack-cli": "^3.0.8",
+    "webpack-dev-server": "^3.1.4"
   },
   "dependencies": {
     "angular": "^1.4.1",

webpack.config.js

@@ -1,19 +1,21 @@
-var webpack = require('webpack');
+const path = require('path');
 
 module.exports = {
+	mode: 'development',
 	entry: [
 		//'webpack-dev-server/client?http://localhost:9090',
 		//'webpack/hot/dev-server',
 		'./src/app.js'
 	],
 	output: {
-		path: './',
+		path: path.resolve(__dirname, '.'),
 		filename: 'bundle.js'
 	},
+	devtool: 'inline-source-map',
 	module: {
-		loaders: [
+		rules: [
 			{ test: /\.css$/, loader: 'style!css' },
-			{ test: /\.json$/, loader: 'json-loader' }
+			{ test: /\.json$/, loader: 'json-loader', type: 'javascript/auto' }
 		]
 	},
 	node: { fs: "empty" },