Switch from old jsx script to webpack

The amount of extra files says something...
chenglou · Apr 18, 2016 · eab37cb · eab37cb
1 parent a66e455
commit eab37cb
Show file tree

Hide file tree

Showing 12 changed files with 147 additions and 20,256 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,4 @@
 .DS_Store
 bower_components
 node_modules
+build
diff --git a/bower.json b/bower.json
@@ -1,9 +1,9 @@
 {
   "name": "react-spinner",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "author": "chenglou <chenglou92@gmail.com>",
   "description": "Zero configuration loading spinner.",
-  "main": "index.js",
+  "main": "build/index.js",
   "ignore": [
     "**/.*",
     "node_modules",

diff --git a/example/component.jsx b/example/component.jsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import Spinner from '../';
+
+const App = React.createClass({
+  render: function() {
+    const style = {
+      height: 50,
+      width: 50,
+      backgroundColor: 'black'
+    };
+    return (
+      <div style={style}>
+        <Spinner />
+      </div>
+    );
+  }
+});
+
+export default App;
diff --git a/example/index.html b/example/index.html
@@ -7,6 +7,6 @@
 </head>
 <body>
   <div id="content"></div>
-  <script src="out.js"></script>
+  <script src="./bundle.js"></script>
 </body>
 </html>
diff --git a/example/index.jsx b/example/index.jsx
@@ -1,19 +1,5 @@
-var React = require('react');
-var Spinner = require('../');
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './component';
 
-var App = React.createClass({
-  render: function() {
-    var style = {
-      height: 50,
-      width: 50,
-      backgroundColor: 'black'
-    };
-    return (
-      <div style={style}>
-        <Spinner />
-      </div>
-    );
-  }
-});
-
-React.render(<App />, document.querySelector('#content'));
+ReactDOM.render(<App />, document.querySelector('#content'));