Vue延迟加载仍然加载完整的JavaScript文件

Question

我正在尝试使用此方法延迟加载我的Vuejs路线：

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

随着网络包代码拆分。因为我可以看到拆分文件，所以这是一种享受。

我的网络包文件：

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文件。

如何让我的网站仅加载当时需要的拆分文件？

谢谢！