Merge branch 'hotfix/compile-dist'

Author: erwstout

dist/ReactCardFlipper.js

@@ -2,7 +2,7 @@
   "name": "react-card-flipper",
   "version": "0.1.0",
   "description": "A React card flipper component.",
-  "main": "ReactCardFlipper.js",
+  "main": "dist/ReactCardFlipper.js",
   "repository": "[email protected]:factor1/react-card-flipper.git",
   "author": "Eric Stout <[email protected]>",
   "license": "MIT",
@@ -30,9 +30,9 @@
   "dependencies": {},
   "scripts": {
     "lint": "./node_modules/.bin/eslint ReactCardFlipper.js",
-    "build": "webpack",
-    "watch": "webpack --watch",
-    "start": "webpack-dev-server --open",
+    "build": "webpack --env.production --progress",
+    "watch": "webpack --env.production=false --watch",
+    "start": "webpack-dev-server --env.production=false --open",
     "test": "npm run lint && npm run build"
   }
 }

package.json

@@ -1,25 +1,31 @@
 const path = require('path');
+const webpack = require('webpack');
 
-module.exports = {
-  entry: ['babel-polyfill', './Test.js'],
-  output: {
-    filename: 'test_bundle.js',
-    path: path.resolve(__dirname, 'tests')
-  },
-  devServer: {
-    contentBase: './tests'
-  },
-  module: {
-    rules: [
-      { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" },
-      {
-        test: /\.css$/,
-        use: [
-          'style-loader',
-          { loader: 'css-loader', options: { importLoaders: 1 } },
-          'postcss-loader'
-        ]
-      }
+module.exports = env => {
+  return {
+    entry: env.production ? ['babel-polyfill', './ReactCardFlipper.js'] : ['babel-polyfill', './Test.js'],
+    output: {
+      filename: env.production ? 'ReactCardFlipper.js' : 'test_bundle.js',
+      path: env.production ? path.resolve(__dirname, 'dist') : path.resolve(__dirname, 'tests')
+    },
+    devServer: {
+      contentBase: './tests'
+    },
+    module: {
+      rules: [
+        { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" },
+        {
+          test: /\.css$/,
+          use: [
+            'style-loader',
+            { loader: 'css-loader', options: { importLoaders: 1 } },
+            'postcss-loader'
+          ]
+        }
+      ]
+    },
+    plugins: [
+      env.production ? new webpack.optimize.UglifyJsPlugin() : ''
     ]
   }
 };