Add build script & prod server & clean code.

- Add build script & prod server.
- clean code on webpack settings.

Author: shinxi

package.json

@@ -3,8 +3,9 @@
   "version": "1.0.0-alpha",
   "description": "React BoilerPlate with react bootstrap",
   "scripts": {
-    "start": "webpack-dev-server --port 3001 --progress --colors",
+    "start": "webpack-dev-server --port 3334 --progress --colors",
     "prod": "webpack -p --config webpack.config.prod.js --progress --colors",
+    "start:prod": "node scripts/startProduct.js --port 5000",
     "test": "cross-env NODE_ENV=test mocha --recursive --compilers js:babel-register --require ./test/setup.js",
     "test:watch": "npm test -- --watch"
   },
@@ -54,6 +55,7 @@
     "react-addons-test-utils": "^0.14.7",
     "style-loader": "^0.13.2",
     "webpack": "^2.2.1",
-    "webpack-dev-server": "^2.3.0"
+    "webpack-dev-server": "^2.3.0",
+    "yargs": "^7.0.1"
   }
 }

scripts/startProduct.js

@@ -0,0 +1,22 @@
+const express = require('express');
+const path = require('path');
+const argv = require('yargs').argv;
+console.log("argv", argv);
+
+const app = new express();
+const port = argv.port || 3334;
+
+
+app.use('/', express.static(path.join(__dirname, '../build')));
+
+app.get("*", function(req, res) {
+  res.sendFile(path.join(__dirname, '../build/index.html'))
+});
+
+app.listen(port, function(error) {
+  if (error) {
+    console.error(error)
+  } else {
+    console.info("==> 🌎  Listening on port %s. Open up http://localhost:%s/ in your browser.", port, port)
+  }
+});

webpack.config.js

@@ -4,7 +4,7 @@ var ExtractTextPlugin = require("extract-text-webpack-plugin");
 var webpack = require('webpack');
 module.exports = {
   // devtool: 'inline-source-map',
-  devtool: 'cheap-source-map',
+  devtool: 'cheap-module-eval-source-map',
   entry: {
     app: './src/index'
   },
@@ -15,9 +15,7 @@ module.exports = {
   },
   devServer: {
     hot: true,
-    inline: true,
-    quiet: false,
-    noInfo: true
+    inline: true
   },
   plugins: [
     new webpack.HotModuleReplacementPlugin(),

webpack.config.prod.js

@@ -12,12 +12,6 @@ module.exports = {
     filename: 'bundle.js',
     publicPath: '/'
   },
-  devServer: {
-    hot: true,
-    inline: true,
-    quiet: false,
-    noInfo: true
-  },
   plugins: [
     new webpack.DefinePlugin({
       'process.env': {
@@ -27,7 +21,8 @@ module.exports = {
     new ExtractTextPlugin("bundle.css"),
     new CopyWebpackPlugin([
       {
-        from: 'src/public/**/*'
+        context: "src/public",
+        from: '**/*'
       }
     ])
   ],