javascript - 在html文件的一行中引用多个js文件

Question

有没有一种简单的方法可以在一个 HTML 文件中引用所有的 js 文件，而不是一个一个地引用它？

而不是这个-

<script type="text/javascript" src="js/controllers/mainCtrl.js"></script>
<script type="text/javascript" src="js/controllers/browseCtrl.js"></script>
...

我正在寻找这样的东西 -

<script type="text/javascript" src="js/controllers/*.js"></script>

或者是否有一种工具可以将这些文件的内容复制到一个文件中并改为引用该文件？这将最大限度地减少 HTTP 调用。

Answer 1

Is there an easy way to reference all js files in an HTML file rather than referencing it one by one?

对于“容易”的一些值(value)。不过，浏览器中没有内置任何东西可以做到这一点。

Or is there a tool out there that copies the contents of these files into one file and reference that one file instead?

有很多。 cat 是最简单的。

从您常用的构建工具中调用它。

你可以使用类似 require.js 的东西在开发期间在运行时组合它们，并通过 Node 从您的构建工具调用 r.js 为您的暂存和实时环境打包。