Webpack + Sails多页面应用程序

Question

有关使用webpack拆分代码的问题 我有multipage sails site，有3个不同的页面

第一页包含jquery，bootstrap，modernizr和moment

第二页包含jquery和bootstrap

第三页包含jquery，bootstrap和moment

如果我使用CommonsChunkPlugin它会在单独的模块中获取jquery和bootstrap，所以我希望在第一页上我需要加载与第一页相关的js（common + first），在第二页上只加载常用脚本和第三页脚本与第三页相关（共同+第三）

第一页和第三页效果很好，但在第二页上我无法打开模态窗口来更改语言（如果你运行应用程序，则右上角窗口）

的问题：

1）我如何在第二页上运行bootstrap js，以允许打开模态窗口

2）如何在每个页面上实现延迟加载，显然我在页面加载时不需要bootstrap，它可以等待一段时间，而用户不会按更改语言链接

3）为什么我不能使用last modernizr，如果我从bower.json中删除它并运行bower i modernizr --save它会将modernizr更新为3.0，但是webpack找不到它

运行应用程序，只需克隆它，全局设置grunt并运行npm i命令，它将在localhost上启动应用程序：1337

Answer 1

在第二页中没有任何地方将脚本标记包含在公共块中。