Now there's an example

Tom910 · Tom910 · commit 28b910011e9d · 2016-08-28T14:35:32.000+03:00
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Document</title>
+</head>
+<body>
+  <div id="root"></div>
+
+    <script src="dist/main.js"></script>
+</body>
+</html>
diff --git a/example/src/App.js b/example/src/App.js
@@ -0,0 +1,14 @@
+import React, { Component } from 'react';
+import Button from './components/Button/ButtonAsync.js';
+import Link from './components/Link/LinkAsync.js';
+
+export default class App extends Component {
+  render() {
+    return (
+      <div>
+        Test:
+        <Button>BUTTON</Button> <Link href='http://google.com'>LINK</Link>
+      </div>
+    );
+  }
+}
diff --git a/example/src/components/Button/Button.js b/example/src/components/Button/Button.js
@@ -0,0 +1,3 @@
+import React from 'react';
+
+export default ({ children }) => <button>{children}12321312</button>;
diff --git a/example/src/components/Button/ButtonAsync.js b/example/src/components/Button/ButtonAsync.js
@@ -0,0 +1,3 @@
+import AsyncComponent from '../../../../src/AsyncComponent.js';
+
+export default AsyncComponent(() => require.ensure([], (require) => require('./Button.js'), 'Button'));
diff --git a/example/src/components/Link/Link.js b/example/src/components/Link/Link.js
@@ -0,0 +1,3 @@
+import React from 'react';
+
+export default ({ children, href }) => <a href={href}>{children}</a>
diff --git a/example/src/components/Link/LinkAsync.js b/example/src/components/Link/LinkAsync.js
@@ -0,0 +1,4 @@
+import React from 'react';
+import AsyncComponent from '../../../../src/AsyncComponent.js';
+
+export default AsyncComponent(() => System.import('./Link.js'), { placeholder: <div>Loading</div> });
diff --git a/example/src/index.js b/example/src/index.js
@@ -0,0 +1,8 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './App.js';
+
+ReactDOM.render(
+  <App />,
+  document.getElementById('root')
+);
diff --git a/example/webpack.config.js b/example/webpack.config.js
@@ -0,0 +1,24 @@
+var path = require('path');
+var webpack = require('webpack');
+
+module.exports = {
+  entry: path.join(__dirname, './src/index.js'),
+  output: {
+    path: path.join(__dirname, 'dist'),
+    filename: '[name].js',
+    chunkFilename: '[name].chunk.js',
+    publicPath: './dist/'
+  },
+  module: {
+    loaders: [
+      { test: /\.js$/, loader: ['babel'], exclude: /node_modules/ }
+    ]
+  },
+  plugins: [
+    new webpack.optimize.OccurrenceOrderPlugin(),
+    new webpack.optimize.CommonsChunkPlugin({
+        children: true,
+        async: true
+    })
+  ]
+};

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import React from 'react';`
	`2`	`+`
	`3`	`+export default ({ children }) => <button>{children}12321312</button>;`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import AsyncComponent from '../../../../src/AsyncComponent.js';`
	`2`	`+`
	`3`	`+export default AsyncComponent(() => require.ensure([], (require) => require('./Button.js'), 'Button'));`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import React from 'react';`
	`2`	`+`
	`3`	`+export default ({ children, href }) => <a href={href}>{children}</a>`