cowchimp/.babelrc

## .babelrc
{
  "presets": [
    "es2015",
    "react"
  ],
  "plugins": [
    "syntax-decorators",
    "transform-decorators-legacy"
  ]
}

## foo.js
export function foo(a) {
  console.log(a);
}

## HomePage.js
import React, { Component } from 'react';
import { foo } from './foo';

@foo('/') //if i comment this out then everything works
class HomePage extends Component {
  render() {
    return (
      <div>
        <h1>Hello World</h1>
      </div>
    )
  }
}

export default HomePage;

## index.html
<html>
<head>
  <title>React Webpack template</title>
</head>
<body>
<div id="root">If you see this then something is wrong.</div>
<script src="dist/browser-bundle.js"></script>
</body>
</html>

## index.js
import React from 'react';
import ReactDOM from 'react-dom';
import HomePage from './HomePage';

ReactDOM.render(<HomePage />, document.getElementById('root'));

## package.json
{
  "name": "react-webpack-template",
  "version": "0.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "webpack --progress --colors --watch",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "BSD-2-Clause",
  "dependencies": {
    "react": "^0.14.5",
    "react-dom": "^0.14.5"
  },
  "devDependencies": {
    "babel-cli": "^6.18.0",
    "babel-core": "^6.3.26",
    "babel-loader": "^6.2.0",
    "babel-plugin-syntax-decorators": "^6.13.0",
    "babel-plugin-transform-decorators-legacy": "^1.3.4",
    "babel-preset-es2015": "^6.3.13",
    "babel-preset-react": "^6.3.13",
    "webpack": "^1.12.9"
  }
}

## webpack.config.js
module.exports = {
  entry: './index',
  output: {
    filename: 'dist/browser-bundle.js'
  },
  devtool: 'source-map',
  module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel-loader'
      },
    ]
  }
};
	{
	"presets": [
	"es2015",
	"react"
	],
	"plugins": [
	"syntax-decorators",
	"transform-decorators-legacy"
	]
	}
	import React, { Component } from 'react';
	import { foo } from './foo';

	@foo('/') //if i comment this out then everything works
	class HomePage extends Component {
	render() {
	return (
	<div>
	<h1>Hello World</h1>
	</div>
	)
	}
	}

	export default HomePage;
	<html>
	<head>
	<title>React Webpack template</title>
	</head>
	<body>
	<div id="root">If you see this then something is wrong.</div>
	<script src="dist/browser-bundle.js"></script>
	</body>
	</html>
	import React from 'react';
	import ReactDOM from 'react-dom';
	import HomePage from './HomePage';

	ReactDOM.render(<HomePage />, document.getElementById('root'));
	{
	"name": "react-webpack-template",
	"version": "0.0.0",
	"description": "",
	"main": "index.js",
	"scripts": {
	"start": "webpack --progress --colors --watch",
	"test": "echo \"Error: no test specified\" && exit 1"
	},
	"author": "",
	"license": "BSD-2-Clause",
	"dependencies": {
	"react": "^0.14.5",
	"react-dom": "^0.14.5"
	},
	"devDependencies": {
	"babel-cli": "^6.18.0",
	"babel-core": "^6.3.26",
	"babel-loader": "^6.2.0",
	"babel-plugin-syntax-decorators": "^6.13.0",
	"babel-plugin-transform-decorators-legacy": "^1.3.4",
	"babel-preset-es2015": "^6.3.13",
	"babel-preset-react": "^6.3.13",
	"webpack": "^1.12.9"
	}
	}
	module.exports = {
	entry: './index',
	output: {
	filename: 'dist/browser-bundle.js'
	},
	devtool: 'source-map',
	module: {
	loaders: [
	{
	test: /\.js$/,
	loader: 'babel-loader'
	},
	]
	}
	};