**赏金5天后到期。回答此问题可获得+50声望奖励。阿莎正在寻找一个可靠来源的答案。

我的要求：我想把主包分成许多小的n个包。当我加载特定页面时，应该只加载与该页面相关联的包，而不是加载所有包。
我尝试过的：我尝试使用html webpack插件创建index.html，其中webpack中使用了多个bundle。参考文献：
https://medium.com/a-beginners-guide-for-webpack-2
我把整个网站的功能分成几个模块，在router.js中使用了延迟加载
我面临的问题是：我可以看到30bundle正在被创建，但是在每个页面上加载所有30bundle。
网页包：我只粘贴了html网页包更改

var HtmlWebpackPlugin = require("html-webpack-plugin");
plugins: [
new HtmlWebpackPlugin({
            filename: "./src/main/webapp/index.html" //relative to root of the application
        })
]

有谁能建议我应该检查/遵循什么方法。。。
谢谢！！