webpack update to 4 version, build update. IMPORTANT - please check https://github.com/viliusle/miniPaint/wiki/Build-instructions how to build.

package.json

@@ -11,7 +11,9 @@
     "effects"
   ],
   "scripts": {
-    "dev-server": "webpack-dev-server"
+    "server": "webpack-dev-server --mode development --open",
+    "dev": "webpack --mode development",
+    "build": "webpack --mode production"
   },
   "repository": {
     "type": "git",
@@ -21,15 +23,16 @@
   "license": "MIT",
   "devDependencies": {
     "amd-optimize": "^0.6.1",
-    "babel-core": "^6.26.0",
-    "babel-loader": "^7.1.2",
-    "babel-preset-env": "^1.6.1",
-    "css-loader": "^0.28.9",
+    "babel-core": "^6.26.3",
+    "babel-loader": "^7.1.4",
+    "babel-preset-env": "^1.7.0",
+    "css-loader": "^0.28.11",
     "extract-text-webpack-plugin": "^3.0.2",
     "source-map-loader": "^0.2.3",
-    "style-loader": "^0.19.1",
-    "webpack": "^3.10.0",
-    "webpack-dev-server": "^2.11.1"
+    "style-loader": "^0.21.0",
+    "webpack": "^4.12.0",
+    "webpack-cli": "^3.0.8",
+    "webpack-dev-server": "^3.1.4"
   },
   "dependencies": {
     "alertifyjs": "^1.11.0",

webpack.config.js

@@ -7,7 +7,9 @@ module.exports = {
 		'./src/js/main.js',
 	],
 	output: {
-		filename: 'dist/bundle.js',
+		path: path.resolve(__dirname, 'dist'),
+		filename: 'bundle.js',
+		publicPath: '/dist/'
 	},
 	resolve: {
 		extensions: ['.js', '.css'],
@@ -16,7 +18,7 @@ module.exports = {
 		}
 	},
 	module: {
-		loaders: [
+		rules: [
 			{
 				test: /\.css$/,
 				use: [