[Doc] optimize document site (#1013)

build/bin/build-entry.js

@@ -28,6 +28,7 @@ const install = Vue => {
   });
 };
 
+/* istanbul ignore if */
 if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue);
 }
@@ -55,26 +56,7 @@ function buildDemoEntry() {
     .map(name => `'${name}': asyncWrapper(r => require.ensure([], () => r(componentWrapper(require('./views/${name}'), '${name}')), '${name}'))`);
 
   const content = `${tips}
-import './common';
-
-import progress from 'nprogress';
-
-function asyncWrapper(component) {
-  return function(r) {
-    progress.start();
-    component(r).then(() => {
-      progress.done();
-    }).catch(() => {
-      progress.done();
-    });
-  };
-}
-
-function componentWrapper(component, name) {
-  component = component.default;
-  component.name = 'demo-' + name;
-  return component;
-}
+import { asyncWrapper, componentWrapper } from './common';
 
 export default {
   ${demos.join(',\n  ')}

build/webpack.config.dev.js

@@ -1,6 +1,5 @@
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const ProgressBarPlugin = require('progress-bar-webpack-plugin');
 const isProduction = process.env.NODE_ENV === 'production';
 const { VueLoaderPlugin } = require('vue-loader')
@@ -56,7 +55,7 @@ module.exports = {
       {
         test: /\.(css|postcss)$/,
         use: [
-          MiniCssExtractPlugin.loader,
+          'style-loader',
           'css-loader',
           'postcss-loader'
         ]
@@ -88,9 +87,6 @@ module.exports = {
       template: 'docs/src/index.tpl',
       filename: 'examples.html',
       inject: true
-    }),
-    new MiniCssExtractPlugin({
-      filename: isProduction ? '[name].[hash:8].css' : '[name].css'
     })
   ]
 };