src/app.js
import React from 'react'
import styles from './styles/main.styl'
const Hello = React.createClass({
displayName: 'Hello',
render () {
return <div>Hello, {this.props.name}</div>
}
})
React.render(<Hello name='World!'/>, document.body)
package.json
{
"name": "labelr",
"version": "1.0.0",
"description": "A really awesome way to manage labels for github issues.",
"main": "index.js",
"scripts": {
"start": "webpack-dev-server",
"prebuild": "rm -rf public && mkdir public",
"build": "NODE_ENV=production webpack",
"deploy": "surge -p public -d labelr.surge.sh",
"yolo": "npm run build && npm run deploy"
},
"author": "Henrik Joreteg <henrik@andyet.net>",
"license": "MIT",
"dependencies": {
"autoprefixer-stylus": "^0.5.0",
"babel": "^5.1.13",
"babel-core": "^5.1.13",
"babel-loader": "^5.0.0",
"css-loader": "^0.12.0",
"file-loader": "^0.8.1",
"hjs-webpack": "^2.0.1",
"react": "^0.13.2",
"react-hot-loader": "^1.2.5",
"style-loader": "^0.12.1",
"stylus-loader": "^1.1.0",
"surge": "^0.11.1",
"url-loader": "^0.5.5",
"webpack": "^1.8.11",
"webpack-dev-server": "^1.8.2",
"yeticss": "^6.0.5"
}
}
webpack.config.js
var getConfig = require('hjs-webpack')
module.exports = getConfig({
in: 'src/app.js',
out: 'public',
isDev: process.env.NODE_ENV !== 'production',
})