Update benchmarks dependencies

packages/benchmarks/package.json

@@ -3,35 +3,35 @@
   "name": "benchmarks",
   "version": "0.6.1",
   "scripts": {
-    "build": "mkdir -p dist && cp -f index.html dist/index.html && webpack --config ./webpack.config.js",
+    "build": "mkdir -p dist && cp -f index.html dist/index.html && ./node_modules/.bin/webpack-cli --config ./webpack.config.js",
     "release": "yarn build && git checkout gh-pages && rm -rf ../../benchmarks && mv dist ../../benchmarks && git add -A && git commit -m \"Benchmarks deploy\" && git push origin gh-pages && git checkout -"
   },
   "dependencies": {
-    "aphrodite": "^2.1.0",
+    "aphrodite": "^2.2.0",
     "classnames": "^2.2.5",
     "d3-scale-chromatic": "^1.2.0",
-    "emotion": "^9.1.1",
+    "emotion": "^9.1.3",
     "fela": "^6.1.7",
     "glamor": "2.20.40",
     "radium": "^0.24.0",
     "react": "^16.2.0",
-    "react-component-benchmark": "^0.0.4",
     "react-dom": "^16.2.0",
     "react-fela": "^7.2.0",
     "react-jss": "^8.4.0",
     "react-native-web": "0.6.1",
-    "reactxp": "^1.1.0",
-    "styled-components": "^3.2.5",
+    "reactxp": "^1.1.1",
+    "styled-components": "^3.2.6",
     "styled-jsx": "^2.2.6",
-    "styletron-engine-atomic": "^1.0.4",
-    "styletron-react": "^4.0.3"
+    "styletron-engine-atomic": "^1.0.5",
+    "styletron-react": "^4.2.1"
   },
   "devDependencies": {
     "babel-plugin-react-native-web": "0.6.1",
     "css-loader": "^0.28.11",
-    "style-loader": "^0.20.3",
+    "style-loader": "^0.21.0",
     "url-loader": "^1.0.1",
-    "webpack": "^3.10.0",
-    "webpack-bundle-analyzer": "^2.9.2"
+    "webpack": "^4.8.1",
+    "webpack-bundle-analyzer": "^2.11.1",
+    "webpack-cli": "^2.1.3"
   }
 }

packages/benchmarks/src/app/App.js

@@ -292,7 +292,6 @@ const styles = StyleSheet.create({
   },
   button: {
     borderRadius: 0,
-    fontSize: 32,
     flex: 1
   }
 });

packages/benchmarks/src/app/Benchmark/index.js

@@ -1,3 +1,9 @@
+/**
+ * The MIT License (MIT)
+ * Copyright (c) 2017 Paul Armstrong
+ * https://github.com/paularmstrong/react-component-benchmark
+ */
+
 /* global $Values */
 /**
  * @flow

packages/benchmarks/src/app/Button.js

@@ -56,6 +56,7 @@ const styles = StyleSheet.create({
   },
   text: {
     color: '#fff',
+    fontSize: 20,
     fontWeight: '500',
     padding: 8,
     textAlign: 'center',

packages/benchmarks/src/cases/SierpinskiTriangle.js

@@ -1,4 +1,4 @@
-import { BenchmarkType } from 'react-component-benchmark';
+import { BenchmarkType } from '../app/Benchmark';
 import { number, object } from 'prop-types';
 import React from 'react';
 import { interpolatePurples, interpolateBuPu, interpolateRdPu } from 'd3-scale-chromatic';

packages/benchmarks/src/cases/Tree.js

@@ -1,4 +1,4 @@
-import { BenchmarkType } from 'react-component-benchmark';
+import { BenchmarkType } from '../app/Benchmark';
 import { number, object } from 'prop-types';
 import React, { Component } from 'react';
 

packages/benchmarks/webpack.config.js

@@ -1,11 +1,11 @@
 const babelPreset = require('../../scripts/babel/preset');
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 const path = require('path');
-const webpack = require('webpack');
 
 const appDirectory = path.resolve(__dirname);
 
 module.exports = {
+  mode: 'production',
   context: __dirname,
   entry: './src/index',
   output: {
@@ -42,17 +42,6 @@ module.exports = {
     new BundleAnalyzerPlugin({
       analyzerMode: 'static',
       openAnalyzer: false
-    }),
-    new webpack.DefinePlugin({
-      'process.env.NODE_ENV': JSON.stringify('production')
-    }),
-    new webpack.optimize.UglifyJsPlugin({
-      compress: {
-        dead_code: true,
-        drop_console: false,
-        screw_ie8: true,
-        warnings: false
-      }
     })
   ]
 };