Added production ready settings for react theme (#2587)

* Added production ready settings for react theme

Fixes 2579

Signed-Off-By: Khoa Nguyen <[email protected]>

* Update package.json

Author: thangngoc89

jscomp/bsb/templates/react/README.md

@@ -1,14 +1,21 @@
 # ${bsb:name}
 
-Run this project:
+## Run this project:
 
 ```
 npm install
 npm start
 # in another tab
 npm run webpack
 ```
-
 After you see the webpack compilation succeed (the `npm run webpack` step), open up the nested html files in `src/*` (**no server needed!**). Then modify whichever file in `src` and refresh the page to see the changes.
 
 **For more elaborate ReasonReact examples**, please see https://github.com/reasonml-community/reason-react-example
+
+## Build this project
+
+```
+npm run build
+npm run webpack:build
+```
+

jscomp/bsb/templates/react/bsconfig.json

@@ -12,7 +12,7 @@
     "subdirs" : true
   },
   "package-specs": [{
-    "module": "commonjs",
+    "module": "es6",
     "in-source": true
   }],
   "suffix": ".bs.js",

jscomp/bsb/templates/react/package.json

@@ -6,20 +6,22 @@
     "start": "bsb -make-world -w",
     "clean": "bsb -clean-world",
     "test": "echo \"Error: no test specified\" && exit 1",
-    "webpack": "webpack -w"
+    "webpack": "webpack -w",
+    "webpack:build": "NODE_ENV=production webpack"
   },
   "keywords": [
     "BuckleScript"
   ],
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "react": "^15.4.2",
-    "react-dom": "^15.4.2",
-    "reason-react": ">=0.3.0"
+    "react": "^16.2.0",
+    "react-dom": "^16.2.0",
+    "reason-react": ">=0.3.4"
   },
   "devDependencies": {
     "bs-platform": "^${bsb:bs-version}",
-    "webpack": "^3.8.1"
+    "webpack": "^4.0.1",
+    "webpack-cli": "^2.0.10"
   }
 }

jscomp/bsb/templates/react/webpack.config.js

@@ -1,8 +1,11 @@
 const path = require('path');
 const outputDir = path.join(__dirname, "build/");
 
+const isProd = process.env.NODE_ENV === 'production';
+
 module.exports = {
   entry: './src/Index.bs.js',
+  mode: isProd ? 'production' : 'development',
   output: {
     path: outputDir,
     publicPath: outputDir,