Webpack 4 upgrade

examples/webpack.config.js

@@ -14,6 +14,7 @@
 var path = require('path'); // eslint-disable-line no-var
 
 module.exports = {
+  mode: 'production',
   cache: true,
   entry: {
     app: './examples/client.js'

karma.conf.js

@@ -20,12 +20,12 @@ module.exports = function(config) {
       'src/__tests__/**/*.js': ['webpack']
     },
     webpack: {
-      cache: true,
+      mode: 'development',
+      cache: false,
       module: {
         rules: [
           {
             test: /\.js$/,
-            enforce: 'pre',
             include: path.resolve('src/'),
             loader: 'babel-loader'
           },

package.json

@@ -63,14 +63,15 @@
     "@babel/preset-flow": "^7.10.4",
     "@babel/preset-react": "^7.10.4",
     "babel-loader": "^8.1.0",
-    "builder": "^3.2.3",
+    "builder": "^5.0.0",
     "exenv": "^1.2.2",
     "hoist-non-react-statics": "3.3.2",
     "inline-style-prefixer": "^4.0.0",
     "prop-types": "^15.7.2",
     "publishr": "^1.0.0",
-    "rimraf": "^2.6.1",
-    "webpack": "^3.10.0"
+    "rimraf": "^3.0.2",
+    "webpack": "^4.44.2",
+    "webpack-cli": "^3.3.12"
   },
   "peerDependencies": {
     "react": "^16.8.0"
@@ -97,15 +98,15 @@
     "inject-loader": "^3.0.1",
     "jsdom": "^12.0.0",
     "jsdom-global": "^3.0.2",
-    "karma": "^3.0.0",
-    "karma-babel-preprocessor": "^6.0.1",
-    "karma-chrome-launcher": "^2.2.0",
+    "karma": "^5.2.3",
+    "karma-babel-preprocessor": "^8.0.1",
+    "karma-chrome-launcher": "^3.1.0",
     "karma-coverage": "^1.1.1",
     "karma-ie-launcher": "^1.0.0",
     "karma-mocha": "^1.3.0",
     "karma-mocha-reporter": "^2.2.2",
     "karma-sinon-chai": "^1.2.4",
-    "karma-webpack": "^2.0.3",
+    "karma-webpack": "^4.0.2",
     "mocha": "4",
     "node-libs-browser": "^2.2.1",
     "nodemon": "^2.0.4",

webpack.config.js

@@ -1,8 +1,12 @@
 const path = require('path');
 
 module.exports = {
+  mode: 'production',
   cache: true,
   entry: path.join(__dirname, 'src/index.js'),
+  optimization: {
+    minimize: false
+  },
   externals: [
     {
       react: {

webpack.config.minified.js

@@ -1,21 +1,8 @@
-const webpack = require('webpack');
 const base = require('./webpack.config');
 
 module.exports = Object.assign({}, base, {
+  mode: 'production',
   output: Object.assign({}, base.output, {
     filename: 'radium.min.js'
-  }),
-  plugins: [].concat(base.plugins || [], [
-    new webpack.optimize.UglifyJsPlugin({
-      compress: {
-        warnings: false
-      }
-    }),
-    new webpack.DefinePlugin({
-      'process.env': {
-        // Signal production mode for React JS and other libs.
-        NODE_ENV: JSON.stringify('production')
-      }
-    })
-  ])
+  })
 });