vue实现按需加载（懒加载）

1.router文件中使用

export default new Router({
  routes: [{
      path: '/',
      name: 'Post',
      component: () => import ('@/components/Post')
    },
    {
      path: '/After',
      name: 'After',
      component: () => import ('@/components/After')
    },
    {
      path: '/Post',
      name: 'Post',
      component: () => import ('@/components/Post')
    }
  ]
})

　

在webpack.base.conf.js文件中配置chunkFileName  

output: {
    path: config.build.assetsRoot,
    filename: '[name].js',
    chunkFilename: '[name].js',
    publicPath: process.env.NODE_ENV === 'production'
      ? config.build.assetsPublicPath
      : config.dev.assetsPublicPath
  },