Initial commit.

ohanajs · Mar 29, 2016 · 91f6474 · 91f6474
commit 91f6474
Show file tree

Hide file tree

Showing 10 changed files with 122 additions and 0 deletions.
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,8 @@
+{
+  "presets": ["react", "es2015"],
+  "env": {
+    "development": {
+      "presets": ["react-hmre"]
+    }
+  }
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,4 @@
+.DS_Store
+node_modules
+npm-debug.log
+dist
diff --git a/README.md b/README.md
@@ -0,0 +1 @@
+# Webpack Ohana
diff --git a/devServer.js b/devServer.js
@@ -0,0 +1,29 @@
+var path = require('path');
+var express = require('express');
+var webpack = require('webpack');
+var config = require('./webpack.config.dev');
+
+var app = express();
+var compiler = webpack(config);
+
+app.use(require('webpack-dev-middleware')(compiler, {
+  noInfo: true,
+  publicPath: config.output.publicPath
+}));
+
+app.use(require('webpack-hot-middleware')(compiler));
+
+app.use('/public', express.static('public'));
+
+app.get('*', function(req, res) {
+  res.sendFile(path.join(__dirname, 'index.html'));
+});
+
+app.listen(3000, function(err) {
+  if (err) {
+    console.log(err);
+    return;
+  }
+
+  console.log('Listening at http://localhost:3000');
+});
diff --git a/index.html b/index.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Webpack Ohana</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script src="/dist/bundle.js"></script>
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "webpack-ohana",
+  "version": "1.0.0",
+  "description": "Demo repo for Ohana.js meetup. Based off of gaearon/react-transform-boilerplate",
+  "scripts": {
+    "start": "node devServer.js"
+  },
+  "devDependencies": {
+    "babel-core": "^6.6.5",
+    "babel-loader": "^6.2.4",
+    "babel-preset-es2015": "^6.3.13",
+    "babel-preset-react": "^6.3.13",
+    "babel-preset-react-hmre": "^1.1.1",
+    "express": "^4.13.3",
+    "file-loader": "^0.8.5",
+    "url-loader": "^0.5.7",
+    "webpack": "^1.12.9",
+    "webpack-dev-middleware": "^1.4.0",
+    "webpack-hot-middleware": "^2.9.1"
+  },
+  "dependencies": {
+    "react": "^0.14.7",
+    "react-dom": "^0.14.7"
+  }
+}
diff --git a/src/App.js b/src/App.js
@@ -0,0 +1,14 @@
+import React, { Component } from 'react'
+
+import Fox from 'url!./fox.jpg'
+
+export class App extends Component {
+  render() {
+    return (
+      <div style={{textAlign: 'center'}}>
+        <h1>What does the fox say?</h1>
+        <img src={Fox} style={{width: 500}} />
+      </div>
+    );
+  }
+}
diff --git a/src/fox.jpg b/src/fox.jpg
diff --git a/src/index.js b/src/index.js
@@ -0,0 +1,5 @@
+import React from 'react';
+import { render } from 'react-dom';
+import { App } from './App';
+
+render(<App />, document.getElementById('root'));
diff --git a/webpack.config.dev.js b/webpack.config.dev.js
@@ -0,0 +1,26 @@
+var path = require('path')
+var webpack = require('webpack')
+
+module.exports = {
+  devtool: 'cheap-module-eval-source-map',
+  entry: [
+    'webpack-hot-middleware/client',
+    './src/index'
+  ],
+  output: {
+    path: path.join(__dirname, 'dist'),
+    filename: 'bundle.js',
+    publicPath: '/dist/'
+  },
+  plugins: [
+    new webpack.HotModuleReplacementPlugin(),
+    new webpack.NoErrorsPlugin()
+  ],
+  module: {
+    loaders: [{
+      test: /\.js$/,
+      loaders: ['babel'],
+      include: path.join(__dirname, 'src')
+    }]
+  }
+}