webpack config

.gitignore

@@ -9,5 +9,5 @@ lib/*
 !lib/style.css
 node_modules
 example/dist
-./docs/dist
+/docs/dist
 test/unit/coverage

build/webpack.config.js

@@ -34,6 +34,7 @@ function wrap(render) {
 
 module.exports = {
   entry: {
+    'vendor': ['vue', 'vue-router'],
     'docs': './docs/index.js',
     'examples': './docs/examples.js'
   },
@@ -99,13 +100,13 @@ module.exports = {
     StyleExtractPlugin,
     new ProgressBarPlugin(),
     new HtmlWebpackPlugin({
-      chunks: ['docs'],
+      chunks: ['vendor', 'docs'],
       template: 'docs/index.tpl',
       filename: 'index.html',
       inject: true
     }),
     new HtmlWebpackPlugin({
-      chunks: ['examples'],
+      chunks: ['vendor', 'examples'],
       template: 'docs/index.tpl',
       filename: 'examples.html',
       inject: true
@@ -186,5 +187,9 @@ if (process.env.NODE_ENV === 'production') {
       },
       sourceMap: false
     }),
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'vendor',
+      minChunks: Infinity
+    })
   ]);
 }

docs/examples.js

@@ -7,15 +7,15 @@ import ZanUI from '../src/index';
 
 import 'packages/zanui-css/src/index.css';
 
+import DemoList from './components/demo-list.vue';
+
 Vue.use(ZanUI);
 Vue.use(VueRouter);
 
 let routesConfig = routes(navConfig, true);
 routesConfig.push({
   path: '/',
-  component: function(resolve) {
-    require(['./components/demo-list.vue'], resolve);
-  }
+  component: DemoList.default || DemoList
 });
 const router = new VueRouter({
   mode: 'hash',

docs/router.config.js

@@ -18,11 +18,12 @@ const registerRoute = (navConfig, isExample) => {
   });
 
   function addRoute(page) {
+    const component = isExample
+      ? require(`./examples-dist${page.path}.vue`)
+      : require(`./examples-docs${page.path}.md`);
     route.push({
       path: '/component' + page.path,
-      component: function(resolve) {
-        require([isExample ? `./examples-dist${page.path}.vue` : `./examples-docs${page.path}.md`], resolve);
-      }
+      component: component.default || component
     });
   }