Javascript yeoman webapp：用于多个HTML页面的缩小JS

我正在玩，希望为我的页面的各个子页面提供多个缩小的JavaScript文件。但是，webapp将所有JavaScript文件合并到一个与我的设置不匹配的大main.js中

在我的设置中，main.js应该是所有页面的某种通用JavaScript文件，但每个页面都应该有一个额外的JavaScript文件，其中包含仅与此页面相关的内容。例如

index.html->使用main.js

subpage1.html->使用main.js和subpage1.js

subpage2.html->使用main.js和subpage2.js

$('#IdThatOnlyExistsOnSubPage2').someMethod(...)

gulp构建的结果是一个大main.js，其中包含main.js、subpage1.js和subpage2.js，这会导致错误：如果我打开subpage1.html、subpage2.js，则包含在big main.js中的可能会尝试访问仅存在于subpage2.html上而不存在于subpage1.html上的html节点

例如：

subpage1.html包含大main.js和subpage2.js

$('#IdThatOnlyExistsOnSubPage2').someMethod(...)

这当然失败了

---

如何调整Gulpfile以解决此问题

JS和CSS构建是使用以前的版本生成的，因为您可以从它们的文档中找到更高级的选项和功能，但我认为您应该根据需要将构建块分开

如果每个页面都有一个公共JS文件，那么必须为每个页面将它们放在一起，并为特定于页面的文件创建新块

下面是一个例子

您也可以对CSS文件构建执行相同的操作

---

是的，就是这样！谢谢你的支持；我不知道这工作这么容易！我很高兴能帮助@zersaegen^^