fix: Exclude react from UMD build.

Author: HriBB

package.json

@@ -12,7 +12,7 @@
     "build:commonjs": "cross-env BABEL_ENV=commonjs babel src --out-dir lib && ./scrips/copy_lib_styles.sh",
     "build:es": "cross-env BABEL_ENV=es babel src --out-dir es && ./scrips/copy_es_styles.sh",
     "build:umd": "cross-env BABEL_ENV=commonjs NODE_ENV=development webpack --progress --verbose --colors",
-    "build:umd:min": "cross-env BABEL_ENV=commonjs NODE_ENV=production webpack --progress --verbose --colors",
+    "build:umd:min": "cross-env BABEL_ENV=commonjs NODE_ENV=production MINIFY=true webpack --progress --verbose --colors",
     "build": "npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:umd:min",
     "lint": "eslint src/** test/**",
     "prepublish": "npm run clean && npm run build",

webpack.config.js

@@ -6,10 +6,11 @@ var ExtractTextPlugin = require('extract-text-webpack-plugin');
 var env = process.env.NODE_ENV;
 var suffix = env === 'production' ? '.min' : '';
 var filename = `react-mdl-extra${suffix}`;
+var minify = process.env.MINIFY;
 
 var config = {
   entry: [
-    path.resolve(__dirname, 'src', 'index')
+    path.resolve(__dirname, 'src', 'index'),
   ],
   output: {
     path: path.resolve(__dirname, 'dist'),
@@ -20,23 +21,30 @@ var config = {
   resolve: {
     extensions: ['', '.js', '.scss', '.css'],
   },
+  externals: {
+    'react': 'react',
+    'react-dom' : 'reactDOM',
+  },
   module: {
     preLoaders: [{
       test: /\.js$/,
       loader: 'eslint',
-      exclude: /node_modules/
+      exclude: /node_modules/,
     }],
     loaders: [{
       test: /\.js$/,
       loader: 'babel',
-      exclude: /node_modules/
+      exclude: /node_modules/,
     },{
       test: /\.(scss|css)$/,
       loader: ExtractTextPlugin.extract('css!postcss!sass'),
     }]
   },
-  postcss: [ autoprefixer({ browsers: ['last 2 versions'] }) ],
+  postcss: [
+    autoprefixer({ browsers: ['last 2 versions'] })
+  ],
   plugins: [
+    new webpack.optimize.DedupePlugin(),
     new webpack.optimize.OccurenceOrderPlugin(),
     new webpack.DefinePlugin({
       'process.env.NODE_ENV': JSON.stringify(env)
@@ -45,4 +53,22 @@ var config = {
   ],
 };
 
+if (minify) {
+  config.plugins.push(
+    new webpack.optimize.UglifyJsPlugin({
+      compress: {
+        screw_ie8: true,
+        warnings: false,
+      },
+      mangle: {
+        screw_ie8: true,
+      },
+      output: {
+        comments: false,
+        screw_ie8: true,
+      },
+    })
+  );
+}
+
 module.exports = config