zeknas/.babelrc

## .babelrc
{
    "presets": ["es2015"],
    "plugins": [
        [
            "transform-react-jsx",
            {
                "pragma": "h"
            }
        ]
    ]
}

## index.html
<!doctype html>
<html>

<body>
    <script src="bundle.js"></script>
</body>

</html>

## index.js
import { h, app } from "hyperapp"

app({
    model: "Hi.",
    view: model => <h1>{model}</h1>
})

## package.json
{
  "name": "hyperapp-jsx-webpack-minimal-boilerplate",
  "version": "0.0.0",
  "description": "hyperapp + jsx + webpack minimal boilerplate",
  "main": "index.js",
  "dependencies": {
    "hyperapp": "*"
  },
  "devDependencies": {
    "babel-core": "^6.23.1",
    "babel-loader": "^6.3.0",
    "babel-plugin-transform-react-jsx": "^6.23.0",
    "babel-preset-es2015": "^6.22.0",
    "webpack": "^2.2.1"
  },
  "scripts": {
    "test": "exit 1",
    "build": "webpack -p"
  },
  "keywords": [
    "hyperapp"
  ],
  "author": "Jorge Bucaran",
  "license": "MIT"
}

## webpack.config.js
module.exports = {
    entry: "./index.js",
    output: {
        path: "./",
        filename: "bundle.js",
    },
    module: {
        loaders: [{
            test: /\.js$/,
            exclude: /node_modules/,
            loader: "babel-loader"
        }]
    }
}
	{
	"presets": ["es2015"],
	"plugins": [
	[
	"transform-react-jsx",
	{
	"pragma": "h"
	}
	]
	]
	}
	<!doctype html>
	<html>

	<body>
	<script src="bundle.js"></script>
	</body>

	</html>
	import { h, app } from "hyperapp"

	app({
	model: "Hi.",
	view: model => <h1>{model}</h1>
	})
	{
	"name": "hyperapp-jsx-webpack-minimal-boilerplate",
	"version": "0.0.0",
	"description": "hyperapp + jsx + webpack minimal boilerplate",
	"main": "index.js",
	"dependencies": {
	"hyperapp": "*"
	},
	"devDependencies": {
	"babel-core": "^6.23.1",
	"babel-loader": "^6.3.0",
	"babel-plugin-transform-react-jsx": "^6.23.0",
	"babel-preset-es2015": "^6.22.0",
	"webpack": "^2.2.1"
	},
	"scripts": {
	"test": "exit 1",
	"build": "webpack -p"
	},
	"keywords": [
	"hyperapp"
	],
	"author": "Jorge Bucaran",
	"license": "MIT"
	}
	module.exports = {
	entry: "./index.js",
	output: {
	path: "./",
	filename: "bundle.js",
	},
	module: {
	loaders: [{
	test: /\.js$/,
	exclude: /node_modules/,
	loader: "babel-loader"
	}]
	}
	}