🐛 fix bug

Author: prayerslayer

README.md

@@ -8,7 +8,7 @@ So you found those cool components that do what you want, but they work on fixed
 import D3 from 'react-d3-components';
 
 <D3.BarChart
-    width={500} /> // :(
+    width={500} /> // ;_;
 ~~~
 
 You care about responsiveness and different display sizes! You want variable width! HULK SMASH!

dist/react-automatic-width.js

@@ -1,3 +1,5 @@
+import React from 'react';
+
 class AutomaticWidth extends React.Component {
     constructor() {
         super();
@@ -17,15 +19,12 @@ class AutomaticWidth extends React.Component {
         }
     }
 
-    componentWillMount() {
+    componentDidMount() {
         let boundListener = this._resizeHandler.bind(this);
         window.addEventListener('resize', boundListener);
         this.setState({
             listener: boundListener
         });
-    }
-
-    componentDidMount() {
         this.state.listener();
     }
 

src/react-automatic-width.jsx

@@ -12,24 +12,30 @@ module.exports = {
         libraryTarget: 'umd'
     },
     plugins: [
-        new webpack.BannerPlugin(require('./banner'))
-        // new webpack.optimize.UglifyJsPlugin()
+        new webpack.BannerPlugin(require('./banner')),
+        new webpack.optimize.DedupePlugin(),
+        new webpack.optimize.UglifyJsPlugin(),
+        new webpack.DefinePlugin({
+          "process.env": {
+            NODE_ENV: JSON.stringify("production")
+          }
+        }),
     ],
-    externals: {
-        'React': 'react'
-    },
     resolve: {
-        extensions: ['', '.jsx']
+        extensions: ['', 'js', '.jsx']
     },
     eslint: {
         configFile: '.eslintrc'
     },
+    externals: {
+        'react': 'react'
+    },
     module: {
         preLoaders: [
             { test: /\.jsx$/, exclude: /node_modules/, loader: 'eslint' },
         ],
         loaders: [
-            { test: /\.jsx$/, exclude: /node_modules/, loader: 'babel' },
+            { test: /\.jsx?$/, loader: 'babel' },
         ]
     }
 };