add prepublish script

Author: chilijung

README.md

@@ -62,6 +62,8 @@ $ sudo npm i
 $ node devServer.js
 ```
 
+and open `localhost:5000/example`
+
 Build production `js`, `min.js` code
 
 ```

package.json

@@ -8,7 +8,7 @@
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "watch": "NODE_ENV=0 webpack -w",
+    "prepublish": "npm run build && npm run prod",
     "build": "rm -rf ./lib && babel -w --stage 0 src --out-dir lib",
     "prod": "NODE_ENV=0 webpack --config webpack.prod.config.js && NODE_ENV=1 webpack --config webpack.prod.config.js"
   },
@@ -48,7 +48,6 @@
     "d3": "^3.5.6",
     "d3-shape": "^0.5.1",
     "react-d3-core": "^1.1.6",
-    "react-dom": "^0.14.0",
-    "react-faux-dom": "^2.1.0"
+    "react-dom": "^0.14.0"
   }
 }

src/components/scatter.jsx

@@ -69,12 +69,6 @@ export default class Scatter extends Component {
                     }
                   }
                 )
-                
-
-              // ({
-              //   size: symbolSize * symbolSize,
-              //   type: D3Shape.symbolCross
-              // })()
 
               return (
                 <path

webpack.config.prod.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var path = require('path'),
+  webpack = require('webpack'),
+  nodeModulesPath = path.join(__dirname, 'node_modules');
+
+var js_root = './lib/';
+var js_dist = __dirname;
+
+// 0 stands for development, 1 stands for production
+// for development mode: NODE_ENV=0 webpack
+// for production mode: NODE_ENV=1 webpack
+var ENV = !!(+process.env.NODE_ENV || 0);
+
+module.exports = [{
+  name: 'prod',
+  entry: {
+    "react-d3-shape": js_root + 'index.js',
+  },
+
+  output: {
+    libraryTarget: "var",
+    library: "ReactD3Shape",
+    path: js_dist,
+    filename: ENV ? '[name].min.js' : '[name].js'
+  },
+
+  module: {
+    loaders: [{
+      loader: 'babel-loader',
+      test: [/\.jsx$/, /\.js$/],
+      exclude: /node_modules/,
+      query: {
+        presets: ['react', 'es2015', 'stage-0']
+      }
+    }, {
+      test: /\.css$/,
+      loader: 'style-loader!css-loader'
+    }],
+  },
+
+  resolve: {
+    extensions: ['', '.webpack.js', '.web.js', '.js', '.jsx']
+  },
+
+  externals: {
+    //don't bundle the 'react' npm package with our bundle.js
+    //but get it from a global 'React' variable
+    'react': 'React',
+    'react-dom': 'ReactDOM',
+    'd3': 'd3'
+  },
+
+  plugins: ENV ? [
+    new webpack.optimize.UglifyJsPlugin({
+      sourceMap: true,
+      mangle: false
+    }),
+    new webpack.ProvidePlugin({
+      'd3': 'd3'
+    })
+  ] : [
+    new webpack.ProvidePlugin({
+      'd3': 'd3'
+    })
+  ]
+}];