upgrade examples

Author: alexkuz

examples/.gitignore

@@ -1,3 +1,4 @@
 node_modules
-npm-debug.log
+npm-debug.log*
 .DS_Store
+dist

examples/package.json

@@ -4,7 +4,8 @@
   "description": "Boilerplate for ReactJS project with hot code reloading",
   "scripts": {
     "start": "node server.js",
-    "lint": "eslint src"
+    "lint": "eslint src",
+    "stats": "NODE_ENV=production webpack --json > dist/stats.json"
   },
   "repository": {
     "type": "git",
@@ -29,21 +30,21 @@
   "homepage": "https://github.com/gaearon/react-hot-boilerplate",
   "devDependencies": {
     "babel-core": "^6.7.7",
-    "babel-eslint": "^6.0.3",
+    "babel-eslint": "^7.1.1",
     "babel-loader": "^6.2.4",
     "babel-preset-es2015": "^6.6.0",
-    "babel-preset-es2015-loose": "^7.0.0",
+    "babel-preset-es2015-loose": "^8.0.0",
     "babel-preset-react": "^6.5.0",
     "babel-preset-stage-0": "^6.5.0",
-    "eslint-plugin-react": "^5.0.1",
+    "eslint-plugin-react": "^6.10.0",
     "react-hot-loader": "^1.3.0",
-    "webpack": "^1.13.0",
-    "webpack-dev-server": "^1.14.1"
+    "webpack": "^2.2.1",
+    "webpack-dev-server": "^2.4.1"
   },
   "dependencies": {
     "immutable": "^3.8.1",
     "react": "^15.0.1",
-    "react-base16-styling": "^0.2.2",
+    "react-base16-styling": "^0.4.7",
     "react-dom": "^15.0.1"
   }
 }

examples/webpack.config.js

@@ -1,41 +1,50 @@
 var path = require('path');
 var webpack = require('webpack');
 
+var isProduction = process.env.NODE_ENV === 'production';
+
 module.exports = {
-  devtool: 'eval',
+  devtool: 'source-map',
   entry: [
-    'webpack-dev-server/client?http://localhost:3000',
-    'webpack/hot/only-dev-server',
+    !isProduction && 'webpack-dev-server/client?http://localhost:3000',
+    !isProduction && 'webpack/hot/only-dev-server',
     './src/index'
-  ],
+  ].filter(Boolean),
   output: {
     path: path.join(__dirname, 'dist'),
     filename: 'bundle.js',
     publicPath: '/static/'
   },
   plugins: [
+    new webpack.DefinePlugin({
+      'process.env': {
+        NODE_ENV: JSON.stringify(process.env.NODE_ENV)
+      }
+    }),
     new webpack.HotModuleReplacementPlugin(),
-    new webpack.NoErrorsPlugin()
-  ],
+    new webpack.NoEmitOnErrorsPlugin(),
+    isProduction && new webpack.optimize.UglifyJsPlugin({
+      compress: { warnings: false },
+      output: { comments: false },
+      sourceMap: true
+    })
+  ].filter(Boolean),
   resolve: {
     alias: {
       'react-json-tree/lib': path.join(__dirname, '..', 'src'),
       'react-json-tree': path.join(__dirname, '..', 'src'),
       'react': path.join(__dirname, 'node_modules', 'react')
     },
-    extensions: ['', '.js']
-  },
-  resolveLoader: {
-    'fallback': path.join(__dirname, 'node_modules')
+    extensions: ['.js']
   },
   module: {
     loaders: [{
       test: /\.js$/,
-      loaders: ['react-hot', 'babel'],
+      loaders: [!isProduction && 'react-hot-loader', 'babel-loader'].filter(Boolean),
       include: path.join(__dirname, 'src')
     }, {
       test: /\.js$/,
-      loaders: ['react-hot', 'babel'],
+      loaders: [!isProduction && 'react-hot-loader', 'babel-loader'].filter(Boolean),
       include: path.join(__dirname, '..', 'src')
     }]
   }

package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "clean": "rimraf lib",
     "build": "babel src --out-dir lib",
-    "lint": "eslint --max-warnings=0 src test examples",
+    "lint": "eslint --max-warnings=0 src test examples/src",
     "test": "npm run lint && NODE_ENV=test mocha --compilers js:babel-core/register --recursive",
     "test:watch": "NODE_ENV=test mocha --compilers js:babel-core/register --recursive --watch",
     "test:cov": "babel-node ./node_modules/.bin/isparta cover ./node_modules/.bin/_mocha -- --recursive",