Update packages

Author: orblazer

package.json

@@ -20,7 +20,7 @@
     "dist": "webpack --config webpack.dist.config.js",
     "lint": "eslint --config .eslintrc.json \"src/**/*.js\"",
     "lintfix": "eslint --config .eslintrc.json \"src/**/*.js\" --fix",
-    "sloc": "node-sloc './src' --include-extensions \"js\""
+    "sloc": "node-sloc \"./src\" --include-extensions \"js\""
   },
   "keywords": [
     "2d",
@@ -35,17 +35,18 @@
     "web audio"
   ],
   "devDependencies": {
-    "clean-webpack-plugin": "^0.1.18",
-    "eslint": "^4.13.1",
+    "clean-webpack-plugin": "^0.1.19",
+    "eslint": "^4.19.0",
     "fs-extra": "^5.0.0",
     "node-sloc": "^0.1.10",
     "raw-loader": "^0.5.1",
-    "uglifyjs-webpack-plugin": "^1.1.2",
-    "uuid": "^3.1.0",
-    "webpack": "^3.11.0",
+    "uglifyjs-webpack-plugin": "^1.2.4",
+    "uuid": "^3.2.1",
+    "webpack": "^4.1.1",
+    "webpack-cli": "^2.0.12",
     "webpack-shell-plugin": "^0.5.0"
   },
   "dependencies": {
-    "eventemitter3": "^3.0.0"
+    "eventemitter3": "^3.0.1"
   }
 }

webpack.config.js

@@ -4,46 +4,40 @@ const webpack = require('webpack');
 const WebpackShellPlugin = require('webpack-shell-plugin');
 
 module.exports = {
+    mode: 'development',
 
     context: `${__dirname}/src/`,
 
-    entry: {
-        phaser: './phaser.js'
-    },
+    entry: {phaser: './phaser.js'},
 
     output: {
         path: `${__dirname}/build/`,
         filename: '[name].js',
         library: 'Phaser',
         libraryTarget: 'umd',
         sourceMapFilename: '[file].map',
-        devtoolModuleFilenameTemplate: "webpack:///[resource-path]", // string
-        devtoolFallbackModuleFilenameTemplate: "webpack:///[resource-path]?[hash]", // string
-        umdNamedDefine: true,
+        devtoolModuleFilenameTemplate: 'webpack:///[resource-path]', // string
+        devtoolFallbackModuleFilenameTemplate: 'webpack:///[resource-path]?[hash]', // string
+        umdNamedDefine: true
     },
 
     module: {
         rules: [
-          {
-            test: [ /\.vert$/, /\.frag$/ ],
-            use: 'raw-loader'
-          }
+            {
+                test: [ /\.vert$/, /\.frag$/ ],
+                use: 'raw-loader'
+            }
         ]
     },
 
     plugins: [
-
         new webpack.DefinePlugin({
-            'CANVAS_RENDERER': JSON.stringify(true),
-            'WEBGL_RENDERER': JSON.stringify(true)
+            CANVAS_RENDERER: JSON.stringify(true),
+            WEBGL_RENDERER: JSON.stringify(true)
         }),
 
-        new WebpackShellPlugin({
-            onBuildExit: 'node copy-to-examples.js'
-        })
-
+        new WebpackShellPlugin({onBuildExit: 'node copy-to-examples.js'})
     ],
 
     devtool: 'source-map'
-
 };

webpack.dist.config.js

@@ -5,11 +5,12 @@ const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
 const CleanWebpackPlugin = require('clean-webpack-plugin');
 
 module.exports = {
+    mode: 'production',
 
     context: `${__dirname}/src/`,
 
     entry: {
-        'phaser': './phaser.js',
+        phaser: './phaser.js',
         'phaser.min': './phaser.js',
         'phaser-arcade-physics': './phaser-arcade-physics.js',
         'phaser-arcade-physics.min': './phaser-arcade-physics.js'
@@ -25,21 +26,22 @@ module.exports = {
 
     module: {
         rules: [
-          {
-            test: [ /\.vert$/, /\.frag$/ ],
-            use: 'raw-loader'
-          }
+            {
+                test: [ /\.vert$/, /\.frag$/ ],
+                use: 'raw-loader'
+            }
         ]
     },
 
-    plugins: [
+    optimization: {minimize: false},
 
+    plugins: [
         new webpack.DefinePlugin({
-            'CANVAS_RENDERER': JSON.stringify(true),
-            'WEBGL_RENDERER': JSON.stringify(true)
+            CANVAS_RENDERER: JSON.stringify(true),
+            WEBGL_RENDERER: JSON.stringify(true)
         }),
 
-        new CleanWebpackPlugin(['dist']),
+        new CleanWebpackPlugin([ 'dist' ]),
 
         new UglifyJSPlugin({
             include: /\.min\.js$/,
@@ -49,14 +51,10 @@ module.exports = {
                 compress: true,
                 ie8: false,
                 ecma: 5,
-                output: {
-                    comments: false
-                },
+                output: {comments: false},
                 warnings: false
             },
-            warningsFilter: (src) => false
+            warningsFilter: () => false
         })
-
     ]
-
 };