在es6之前js一直没有自己的模块语法，为了解决这种尴尬就有了require.js的出现。
在es6发布之后js又引入了import的概念。
- require 是赋值过程并且是运行时才执行，
import 是解构过程并且是编译时执行。 - require可以理解为一个全局方法，就意味着可以在任何地方执行。
而import必须写在文件的顶部。 - require的性能相对于import稍低，因为require是在运行时才引入模块并且还赋值给某个变量，
而import只需要依据import中的接口在编译时引入指定模块所以性能稍高
es6 import 尽量静态化，编译就能确定模块的依赖关系，输入及输出。
因为require是运行时加载，所以import命令没有办法代替require的动态加载功能。
所以引入了import()函数。完成动态加载。
webpack 在针对es6 的import()使用了注解，获取chunkName。
const Cube = () => import(/* webpackChunkName: 'cube' */ '@/components/pages/cube/cube.vue')
