setup: babel, webpack, etc.

Author: markthethomas

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["airbnb", "es2015", "stage-0"]
+}

package.json

@@ -0,0 +1,46 @@
+{
+  "name": "react-testing-components-enzyme",
+  "version": "1.0.0",
+  "description": "Sample repo for a blog post on testing react components with enzyme",
+  "main": "index.js",
+  "scripts": {
+    "test": "mocha test/helpers/browser.js test/**/*.spec.js",
+    "dev:hot": "webpack-dev-server --hot --inline --progress --colors --watch --display-error-details --display-cached --content-base ./"
+  },
+  "ava": {
+    "require": [
+      "./test/helpers/setup-browser-env.js"
+    ]
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/markthethomas/react-testing-components-enzyme.git"
+  },
+  "author": "Mark Thomas <markthethomas@gmail.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/markthethomas/react-testing-components-enzyme/issues"
+  },
+  "homepage": "https://github.com/markthethomas/react-testing-components-enzyme#readme",
+  "devDependencies": {
+    "ava": "^0.12.0",
+    "babel-core": "^6.6.4",
+    "babel-loader": "^6.2.4",
+    "babel-preset-airbnb": "^1.1.1",
+    "babel-preset-es2015": "^6.6.0",
+    "babel-preset-react": "^6.5.0",
+    "babel-preset-stage-0": "^6.5.0",
+    "bell-on-bundler-error-plugin": "^1.0.8",
+    "chai": "^3.5.0",
+    "enzyme": "^2.0.0",
+    "react-addons-test-utils": "^0.14.7",
+    "webpack": "^1.12.14",
+    "webpack-dev-server": "^1.14.1"
+  },
+  "dependencies": {
+    "axios": "^0.9.1",
+    "md5": "^2.0.0",
+    "react": "^0.14.7",
+    "react-dom": "^0.14.7"
+  }
+}

webpack.config.js

@@ -0,0 +1,45 @@
+const path = require('path');
+const webpack = require('webpack');
+const BellOnBundlerErrorPlugin = require('bell-on-bundler-error-plugin');
+
+// env
+const buildDirectory = './dist/';
+
+module.exports = {
+  externals: {
+    'cheerio': 'window',
+    'react/lib/ExecutionEnvironment': true,
+    'react/lib/ReactContext': true,
+  },
+  entry: './lib/gravatar.jsx',
+  devServer: {
+    hot: true,
+    inline: true,
+    port: 7700,
+    historyApiFallback: true,
+  },
+  resolve: {
+    extensions: ['', '.js', '.jsx'],
+  },
+  output: {
+    path: path.resolve(buildDirectory),
+    filename: 'app.js',
+    publicPath: 'http://localhost:7700/dist',
+  },
+  module: {
+    loaders: [{
+      test: /\.jsx?$/,
+      exclude: /(node_modules|bower_components)/,
+      loader: 'babel',
+      query: {
+        presets: ['react', 'es2015', 'stage-0'],
+      },
+    }],
+  },
+  plugins: [
+    new BellOnBundlerErrorPlugin(),
+    new webpack.optimize.OccurenceOrderPlugin(true),
+    // new webpack.optimize.DedupePlugin(),
+    // new webpack.optimize.UglifyJsPlugin(),
+  ],
+};