Question

我在网页的head标签中引用了很多js文件。有没有办法将它们全部放在一个文件（js或aspx）中并引用一个文件而不是引用所有文件？而不是下面的东西。鉴于我无法将所有js文件合并到一个文件中，因为每个文件都有自己的用途

<script src="Scripts/js1.js"></script>
<script src="Scripts/js2.js"></script>
<script src="Scripts/js3.js"></script>
<script src="Scripts/js4.js"></script>
<script src="Scripts/js5.js"></script>
<script src="Scripts/js6.js"></script>
<script src="Scripts/js7.js"></script>
<script src="Scripts/js8.js"></script>
<script src="Scripts/js9.js"></script>
<script src="Scripts/js10.js"></script>
<script src="Scripts/js11.js"></script>
<script src="Scripts/js12.js"></script>
<script src="Scripts/js13.js"></script>
<script src="Scripts/js14.js"></script>
<script src="Scripts/js16.js"></script>
<script src="Scripts/js17.js"></script>
<script src="Scripts/js15.js"></script>
<script src="Scripts/js18.js"></script>
<script src="Scripts/js19.js"></script>
<script src="Scripts/js20.js"></script>
<script src="Scripts/js23.js"></script>
<script src="Scripts/js24.js"></script>
<script src="Scripts/js25.js"></script>
<script src="Scripts/js26.js"></script>

Answer 1

如果您使用的是Visual Studio，则可以安装Web Essentials。

http://vswebessentials.com/

安装完成后，选择所有JavaScript文件，右键单击并在Web Essentials菜单下选择create JavaScript bundle file。

创建捆绑包后，您只需要引用捆绑的.js文件。如果您对单个JavaScript文件进行更改，Web Essentials将更新捆绑包

Answer 2

您可以使用bundles来获取其他功能，例如缩小。

如果您想要一个能够完成工作的客户端依赖框架，我会检查RequireJS。

Answer 3

创建一个包并一次添加它们，你也可以为你做这个。这是一段很棒的视频，我从以下网站学到了很多：Scripts

Answer 4

检查gruntjs，这应该可以帮助您创建一个要加载的文件，但保留单独的开发文件 http://gruntjs.com/

Answer 5

创建一个global.js文件，并在自调用的函数表达式中添加脚本。

(function() {
   // codes goes here
}());

将所有js文件添加到一个文件中

5 个答案: