首先列出参考：

1. Vue异步组件

2. Webpack Dynamic Require

3. Webpack Code Spliting

然后用vue-cli的webpack-simple template写了个简单的demo：
仅仅是将App.vue丢到了src/component下面（目的是为了体现webpack的context解析），然后修改import的方式为dynamic require。
其实要动态require大概的意思就是要告诉webpack上下文，不然webpack在编译时并不知道这个module是什么（因为是个变量）。

main.js

import Vue from 'vue'
// import App from './App.vue'

const name = 'App.vue'

const App = (resolve) => {
    require.ensure([], (require) => {
        resolve(require.context('./component', false, /\.vue$/)(`./${name}`));
    }, 'app');
};

new Vue({
  el: '#app',
  render: h => h(App)
})