feat: chunks (#270)

config/build/webpack.config.server.js

@@ -1,4 +1,4 @@
-import { BannerPlugin, DefinePlugin } from 'webpack';
+import { optimize, BannerPlugin, DefinePlugin } from 'webpack';
 import mergeWith from 'lodash.mergewith';
 import fs from 'fs';
 import { config, createBabelLoader, createResolveConfigLoader } from './webpack.config.common';
@@ -60,6 +60,7 @@ export default function serverConfig(options) {
             ],
         },
         plugins: [
+            new optimize.LimitChunkCountPlugin({ maxChunks: 1 }),
             options.dev && new BannerPlugin({
                 banner: 'require("source-map-support").install({ environment: \'node\' });',
                 raw: true,

examples/chunks/.gitignore

@@ -0,0 +1,2 @@
+/build
+/public

examples/chunks/.vitaminrc

@@ -0,0 +1,3 @@
+{
+    "routes": "./routes"
+}

examples/chunks/modules/home.jsx

@@ -0,0 +1,8 @@
+import { Link } from 'vitaminjs/react-router';
+
+export default () => (
+    <div>
+        <Link to="/module1">module 1</Link>
+        <Link to="/module2">module 2</Link>
+    </div>
+);

examples/chunks/modules/module1.jsx

@@ -0,0 +1 @@
+export default () => <div>module 1</div>;

examples/chunks/modules/module2.jsx

@@ -0,0 +1 @@
+export default () => <div>module 2</div>;

examples/chunks/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "vitamin-entries-and-chunks-example",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "vitamin build",
+    "start": "vitamin start",
+    "serve": "vitamin serve"
+  },
+  "author": "Christophe Hurpeau <christophe@evaneos.com>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/evaneos/vitamin.git"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "react": "^15.1.0",
+    "vitaminjs": "file:../.."
+  }
+}

examples/chunks/routes.jsx

@@ -0,0 +1,11 @@
+import { Route } from 'vitaminjs/react-router';
+
+const getComponent = getModule => (nextState, cb) => getModule().then(module => cb(null, module.default));
+
+export default (
+    <Route>
+        <Route path="/" getComponent={getComponent(() => import('./modules/home'))} />
+        <Route path="/module1" getComponent={getComponent(() => import('./modules/module1'))} />
+        <Route path="/module2" getComponent={getComponent(() => import('./modules/module2'))} />
+    </Route>
+);