Fix umd build and update webpack

Author: danez

dist/react-tabs.js

@@ -6,8 +6,8 @@
   "scripts": {
     "clean": "rimraf lib",
     "build:commonjs": "babel src/ --out-dir lib/ --ignore __tests__,__mocks__",
-    "build:umd": "webpack --devtool source-map --config webpack.build.js",
-    "build:umd:min": "cross-env MINIFY=1 webpack --devtool source-map --config webpack.build.js",
+    "build:umd": "webpack --config webpack.build.js",
+    "build:umd:min": "cross-env MINIFY=1 webpack --config webpack.build.js",
     "build": "npm run clean && npm run build:commonjs",
     "bundle": "mkdir -p dist && npm run build:umd && npm run build:umd:min",
     "lint": "eslint src",
@@ -63,8 +63,9 @@
     "react-modal": "^1.3.0",
     "react-test-renderer": "^15.5.4",
     "rimraf": "^2.5.2",
-    "webpack": "^1.13.1",
-    "webpack-dev-server": "^1.14.1"
+    "uglifyjs-webpack-plugin": "^0.4.2",
+    "webpack": "^2.3.3",
+    "webpack-dev-server": "^2.4.2"
   },
   "dependencies": {
     "classnames": "^2.2.0",

dist/react-tabs.js.map

@@ -2,21 +2,21 @@
 
 const path = require('path');
 const webpack = require('webpack');
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 
 let COMPONENT_FILE = 'react-tabs';
 const plugins = [];
 
 if (process.env.MINIFY) {
-  plugins.push(
-    new webpack.optimize.UglifyJsPlugin()
-  );
+  plugins.push(new UglifyJsPlugin({ sourceMap: true }));
   COMPONENT_FILE += '.min';
 }
 
 module.exports = {
   entry: path.join(__dirname, require(path.join(__dirname, 'package.json')).main),
   output: {
-    filename: path.join(__dirname, 'dist/' + COMPONENT_FILE + '.js'),
+    filename: COMPONENT_FILE + '.js',
+    path: path.join(__dirname, 'dist'),
     library: 'ReactTabs',
     libraryTarget: 'umd',
   },
@@ -27,15 +27,21 @@ module.exports = {
       commonjs: 'react',
       amd: 'react',
     },
-    'react-dom': {
-      root: 'ReactDOM',
-      commonjs2: 'react-dom',
-      commonjs: 'react-dom',
-      amd: 'react-dom',
+    'prop-types': {
+      root: 'PropTypes',
+      commonjs2: 'prop-types',
+      commonjs: 'prop-types',
+      amd: 'prop-types',
+    },
+    'classnames': {
+      root: 'classNames',
+      commonjs2: 'classnames',
+      commonjs: 'classnames',
+      amd: 'classnames',
     },
   },
   module: {
-    loaders: [
+    rules: [
       {
         test: /\.js$/,
         exclude: /node_modules/,
@@ -44,4 +50,5 @@ module.exports = {
     ],
   },
   plugins: plugins,
+  devtool: 'source-map',
 };

dist/react-tabs.min.js

@@ -24,28 +24,23 @@ function buildEntries() {
 }
 
 module.exports = {
-
   entry: buildEntries(),
-
   output: {
     filename: '[name].js',
     chunkFilename: '[id].chunk.js',
     path: 'examples/__build__',
     publicPath: '/__build__/',
   },
-
   module: {
-    loaders: [
+    rules: [
       {
         test: /\.js$/,
         exclude: /node_modules/,
         loader: 'babel-loader',
       },
     ],
   },
-
   plugins: [
-    new webpack.optimize.CommonsChunkPlugin('shared.js'),
+    new webpack.optimize.CommonsChunkPlugin({ name: 'shared.js' }),
   ]
-
 };