Javascript 在separte文件中编写jQuery以支持生产中的连接

现在，我已经编写了.js文件，如下所示，因为我认为，这对于维护来说很简单

//main.js
$(function() {
  //declare variables, functions
});

//page1.js
$(function() {
  //whatever for page1
});

//page2.js
$(function() {
  //whatever for page2
});

在.html中，我只需指定要加载的.js文件，到目前为止，这是有效的，因为个人.html被分配了正确的.js文件

<!-- page1.html -->
<script src="main.js">
<script src="page1.js">

<!-- page2.html -->
<script src="main.js">
<script src="page2.js">

如果我计划为了生产目的将所有.js文件连接成一个.js文件，我应该如何重组我的.js文件以支持连接，以便在每个.html中我只能使用

请指导怎么做。

---

谢谢。

您不必这样做。如果这样做，您应该更改应用程序的逻辑。最简单（但不是很好）的方法是制作模块，并在

modules.run（'page1'）等页面上提供模块名称加载所有.jsI后，我愿意更改整个逻辑，我希望至少在下一个项目中学习这样做，请指导：）