fix(tooling): Add html build step, version to file header, global use strict

Author: Bernie Zang

.babelrc

@@ -1,6 +1,8 @@
 {
   "plugins": [
-    ["transform-runtime", { "polyfill": false }],
+    ["transform-runtime", {
+      "polyfill": false
+    }],
     "transform-export-extensions",
     "lodash"
   ],

package.json

@@ -103,7 +103,7 @@
     "style-loader": "^0.13.1",
     "stylelint": "^7.7.1",
     "stylelint-config-standard": "^15.0.1",
-    "webpack": "^2.2.0-rc.3",
-    "webpack-dev-server": "^2.2.0-rc.0"
+    "webpack": "^2.2.0",
+    "webpack-dev-server": "^2.2.0"
   }
 }

packages/node_modules/@ciscospark/react-redux-spark/src/fixtures/spark.js

@@ -2,20 +2,17 @@ import path from 'path';
 import webpack from 'webpack';
 import ExtractTextPlugin from 'extract-text-webpack-plugin';
 import InlineEnviromentVariablesPlugin from 'inline-environment-variables-webpack-plugin';
-
 import dotenv from 'dotenv';
 
 dotenv.config();
 
 export default (options) => {
+  const packageJson = require(`../../package.json`);
   const plugins = [
     new InlineEnviromentVariablesPlugin(Object.assign(process.env, options.env)),
     new ExtractTextPlugin({filename: `[name].css`, disable: false, allChunks: true}),
-    new webpack.DefinePlugin({
-      'process.env': {
-        NODE_ENV: JSON.stringify(process.env.NODE_ENV)
-      }
-    })
+    // Adds use strict to prevent catch global namespace issues outside of chunks.
+    new webpack.BannerPlugin(`react-ciscospark v${packageJson.version}`)
   ];
 
   return {

scripts/webpack/webpack.base.babel.js

@@ -1,9 +1,12 @@
 /**
  * Webpack config for building individual packages for distribution
  */
+/* eslint no-sync:0 */
 
 import path from 'path';
 import webpack from 'webpack';
+import fs from 'fs';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
 
 import webpackBaseConfig from './webpack.base.babel';
 
@@ -18,6 +21,24 @@ const plugins = [
   new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
 ];
 
+// Only create html file when one exists in src/
+if (fs.existsSync(`./src/index.html`)) {
+  plugins.push(
+    new HtmlWebpackPlugin({
+      hash: true,
+      minify: {
+        collapseWhitespace: false,
+        removeComments: true,
+        removeScriptTypeAttributes: true,
+        removeStyleLinkTypeAttributes: true,
+        sortAttributes: true,
+        sortClassName: true
+      },
+      template: `./index.html`
+    })
+  );
+}
+
 export default webpackBaseConfig({
   entry: `./index.js`,
   output: {