Vue按需加载的具体实现

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

import Vue from 'vue'
import VueRouter from 'vue-router'
import 'babel-polyfill'
import {Promise} from 'es6-promise-polyfill'
import App from '../ponents/app'

// 定义路由，每个路由映射一个组件。
const Routers = [
  {
    path: '/',  // 路径
    ponent: resolve => require(['../ponents/member/index], resolve)  // 异步加载组件
  },
  {
    path: '/login',
    ponent: resolve => require(['../ponents/member/login'], resolve)
  }
]

const RouterConfig = {
  routes: Routers
}
// 创建router实例，并传递路由配置。
const router = new VueRouter(RouterConfig);
// 创建并挂载根实例。
new Vue({
  el:'#app',
  router,
  // 将h作为createElement的别名是一个通用惯例。
  render: h =>(App) 
})

npm install --save babel-polyfill

npm install --save es6-promise-polyfill