update depts, actualize webpack config

Author: oklas

package.json

@@ -14,32 +14,33 @@
   },
   "main": "reactjsAdminlte.js",
   "dependencies": {
-    "jquery": "^3.1.1",
-    "react": "^15.6.1",
-    "react-dom": "^15.6.1"
-  },
-  "devDependencies": {
-    "babel-core": "~6.5.1",
-    "babel-loader": "~6.2.2",
-    "babel-preset-es2015": "~6.5.0",
-    "babel-preset-react": "~6.5.0",
+    "babel-core": "~6.26.0",
+    "babel-loader": "~7.1.3",
+    "babel-preset-es2015": "~6.24.1",
+    "babel-preset-react": "~6.24.1",
     "body-parser": "^1.14.0",
     "bower": "^1.7.7",
-    "chai": "^3.5.0",
-    "consolidate": "^0.13.1",
-    "css-loader": "^0.23.1",
-    "expect": "^1.20.2",
-    "express": "^4.13.3",
+    "consolidate": "^0.15.0",
+    "express": "^4.16.2",
     "handlebars": "^4.0.3",
+    "jquery": "^3.1.1",
     "jsx-loader": "^0.13.2",
-    "mocha": "^3.1.2",
     "raphael": "^2.1.4",
-    "webpack": "^1.14.0",
-    "webpack-raphael": "^2.1.4",
-    "react-hot-loader": "^1.3.1",
-    "style-loader": "^0.13.0",
+    "react": "^16.2.0",
+    "react-dom": "^16.2.0",
     "velocity-animate": "^1.4.0",
-    "webpack-dev-server": "~1.14.1"
+    "webpack": "^4.0.1",
+    "webpack-raphael": "^2.1.4"
+  },
+  "devDependencies": {
+    "chai": "^4.1.2",
+    "css-loader": "^0.28.10",
+    "expect": "^1.20.2",
+    "mocha": "^5.0.1",
+    "react-hot-loader": "^4.0.0",
+    "style-loader": "^0.20.2",
+    "webpack-cli": "^2.0.10",
+    "webpack-dev-server": "~3.1.0"
   },
   "scripts": {
     "dev": "node server.js",

webpack.config.js

@@ -3,7 +3,6 @@
  * @Details Webpack config file for adding new vendors, defining entry points and shimming modules. 
  */
 var webpack = require('webpack');
-var UglifyJsPlugin = webpack.optimize.UglifyJsPlugin;
 var path = require("path");
 //var env = require('yargs').argv.mode;
 
@@ -52,11 +51,6 @@ var config = {
                 'NODE_ENV': JSON.stringify('development')
             }
         }),
-        new webpack.optimize.UglifyJsPlugin({
-            minimize: true
-        }),
-        new webpack.optimize.DedupePlugin(),
-        new webpack.optimize.OccurenceOrderPlugin()
 
     ],
     devtool: 'cheap-module-source-map',
@@ -73,26 +67,31 @@ var config = {
     output: {
         path: path.join(__dirname, "public"),
         filename: "dist/js/[name].bundle.js",
-        libraryTarget: "umd",
+        libraryTarget: "commonjs",
         umdNamedDefine: true,
     },
+
+    optimization: {
+        minimize: true
+    },
+
     module: {
         noParse: [
             //new RegExp(node_dir + '/react'),
             new RegExp(lib_dir + './react-dom.js')
         ],
-        loaders: [
-            { 
+        rules: [
+            {
                 test: /\.jsx?$/, 
-                loaders: ['react-hot'],
+                loader: require.resolve('react-hot'),
                 include: path.join(__dirname, 'public'),
                 exclude: /(node_modules|bower_components)/
-
             },
             {
-                loader: 'babel', //'jsx-loader'
-                query: {
-                    presets: ['react', 'es2015']
+                loader: require.resolve('babel-loader'),
+                options: {
+                    presets: ['react', 'es2015'],
+                    compact: true
                 },
                 include: path.join(__dirname, 'src'),
                 exclude: /(node_modules|bower_components)/

webpack.production.config.js

@@ -3,7 +3,6 @@
  * @Details Webpack config file for adding new vendors, defining entry points and shimming modules. 
  */
 var webpack = require('webpack');
-var UglifyJsPlugin = webpack.optimize.UglifyJsPlugin;
 var path = require("path");
 //var env = require('yargs').argv.mode;
 
@@ -44,11 +43,6 @@ var config = {
                 'NODE_ENV': JSON.stringify('production')
             }
         }),
-        new webpack.optimize.UglifyJsPlugin({
-            minimize: true
-        }),
-        new webpack.optimize.DedupePlugin(),
-        new webpack.optimize.OccurenceOrderPlugin()
 
     ],
     devtool: 'cheap-module-source-map',
@@ -59,9 +53,14 @@ var config = {
     output: {
         path: path.join(__dirname, "./"),
         filename: "./[name].js",
-        libraryTarget: "umd",
+        libraryTarget: "commonjs",
         umdNamedDefine: true,
     },
+
+    optimization: {
+        minimize: true
+    },
+
     externals: [
         {
             'react': 'react',
@@ -74,11 +73,12 @@ var config = {
         }
     ],
     module: {
-        loaders: [
+        rules: [
             {
-                loader: 'babel', //'jsx-loader'
-                query: {
-                    presets: ['react', 'es2015']
+                loader: require.resolve('babel-loader'),
+                options: {
+                    presets: ['react', 'es2015'],
+                    compact: true
                 },
                 include: path.join(__dirname, 'src'),
                 exclude: /(node_modules|bower_components)/