Initial basic structure for repo

Hoang Chau Khanh · Hoang Chau Khanh · commit 19036e179833 · 2016-08-12T18:15:07.000+07:00
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,6 @@
+{
+  "presets": [
+    "es2015",
+    "react"
+  ]
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,9 @@
+# dependencies
+node_modules
+
+# logs
+*.log
+npm-debug.log*
+
+# compiled files
+dist
diff --git a/example/app.js b/example/app.js
@@ -0,0 +1,4 @@
+import ReactTree from '../lib/react-tree';
+import ReactDOM from 'react-dom';
+
+ReactDOM.render(<ReactTree />, document.getElementById('app'));
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>example react-tree</title>
+
+  <script src="https://fb.me/react-15.3.0.js"></script>
+  <script src="https://fb.me/react-dom-15.3.0.js"></script>
+</head>
+
+<body>
+  <div id="app"></div>
+
+  <script src="bundle.js"></script>
+</body>
+
+</html>
diff --git a/lib/react-tree.js b/lib/react-tree.js
@@ -0,0 +1,8 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+export default class ReactTree extends React.Component {
+  render() {
+    return (<div>Hello React</div>);
+  }
+}
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,27 @@
+const webpack = require('webpack');
+
+module.exports = {
+    entry: './example/app.js',
+    output: {
+        filename: 'bundle.js',
+        path: __dirname + '/example',
+        publicPath: '/example/',
+    },
+    module: {
+        loaders: [
+            {
+                test: /\.css$/,
+                loader: 'style!css'
+            },
+            {
+                test: /\.js$/,
+                exclude: /node_modules/,
+                loader: 'babel-loader',
+            }
+        ]
+    },
+    externals: {
+        'react': 'React',
+        'react-dom': 'ReactDOM'
+    }
+};

-Original file line number
+Diff line change
@@ @@ -0,0 +1,6 @@ @@
 +{
 +  "presets": [
 +    "es2015",
 +    "react"
 +  ]
 +}