vue 构建单页面应用,但是问题是随着系统的体积变大,js文件也体积太大了,这时候就需要按需要进行加载了
vue-router提供了懒加载的方式
const Foo = resolve => require(['./Foo.vue'], resolve)
将引入组件的方式变成上面这个样子就好了
另外一种写法
const Foo = resolve => { // require.ensure 是 Webpack 的特殊语法,用来设置 code-split point // (代码分块) require.ensure(['./Foo.vue'], () => { resolve(require('./Foo.vue')) }) }