Vue延迟加载仍在加载完整的javascript文件

我正在尝试使用以下方法延迟加载我的Vuejs路由：

const Foo = resolve => {
  // require.ensure is Webpack's special syntax for a code-split point.
  require.ensure(['./Foo.vue'], () => {
    resolve(require('./Foo.vue'))
  })
}

以及web包代码拆分。这就像我看到分割的文件一样有效

我的网页包文件：

module.exports = { 
    entry: './js/main.js',
    output: { 
        path: path.resolve(__dirname,'../www/wp-content/themes/londoninter‌​nal/assets/js'), 
        publicPath: '../wp-content/themes/londoninternal/assets/js/', 
        filename: 'londoninternal.js',
    }

但是，当我检查页面并查看网络选项卡时，该站点仍在加载我的完整javascript文件以及拆分的javascript文件

如何让我的站点只加载当时需要的拆分文件

---

谢谢

您能显示加载此块时的逻辑吗？

module.exports={entry:'./js/main.js'，output:{path:path.resolve（uu dirname，../www/wp content/themes/londoninternal/assets/js'），publicPath:'../wp content/themes/londoninternal/assets/js/'，文件名：'londoninternal.js'，

这是我的javascript网页包设置^对不起，我无法在评论中正确设置格式请回答您的问题。