Skip to content

Instantly share code, notes, and snippets.

@zeknas

zeknas/index.html

Last active Feb 15, 2017
Embed
What would you like to do?
hyperapp + jsx + rollup minimal boilerplate #tags: hyperapp
<!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-rollup-minimal-boilerplate",
"version": "0.0.0",
"description": "hyperapp + jsx + rollup minimal boilerplate",
"main": "index.js",
"dependencies": {
"hyperapp": "*"
},
"devDependencies": {
"babel-plugin-transform-react-jsx": "^6.23.0",
"babel-preset-es2015-rollup": "^3.0.0",
"rollup": "^0.41.4",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-uglify": "^1.0.1"
},
"scripts": {
"test": "exit 1",
"build": "rollup -cf iife -i index.js -o bundle.js"
},
"keywords": [
"hyperapp"
],
"author": "Jorge Bucaran",
"license": "MIT"
}
import babel from "rollup-plugin-babel"
import resolve from "rollup-plugin-node-resolve"
import uglify from "rollup-plugin-uglify"
export default {
plugins: [
babel({
babelrc: false,
presets: ["es2015-rollup"],
plugins: [
["transform-react-jsx", { pragma: "h" }]
]
}),
resolve({
jsnext: true
}),
uglify()
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment