如何在我自己的脚本中包含javascript库

我用javascript编写了一些函数，并将它们放在一个单独的JS文件（visualizations.JS）中。 我编写的函数使用了其他几个javascript库，目前这些库都包含在我的HTML页面中，所以我有7行代码如下

<script src="JS/jquery-1.9.1.min.js"></script>
<script src="JS/raphael.2.1.0.min.js"></script>
<script src="JS/justgage.1.0.1.min.js"></script>
<script src="JS/jquery-ui.js"></script>
<script src="JS/jquery.ui.touch-punch.min.js"></script>
<script src="JS/dygraph-combined.js"></script>
<script src="JS/visualisations.js"></script>. 

. 

我的问题：有没有办法将这些库包含到我自己的JS文件（visualizations.JS）中，所以最终我只需要在HTML文件中包含我自己的JS文件，而不需要写7行来包含所有库

有什么建议吗？请让你的答案可以理解，我不是高级程序员

---

Grtz Stijn

有多种工具可以满足您的需要：

---

为每个js编写下一行函数：

document.write('<script type="text/javascript" src="JS/jquery-1.9.1.min.js"></script>');

document.write（“”）；

虽然有很多工具，但它们似乎对你必须做的事情来说是多余的

我认为你最好的办法是把这些文件复制粘贴到一个文件中

如果您想使用一个工具，因为您需要它（及其复杂性：D），那么我建议您尝试一下，它很容易设置，如果您需要扩展它以满足进一步的需要，它几乎不会带来麻烦，例如，连接：

grunt.initConfig({
  concat: {
    dist: {
      src: ['libs/first.js', 'libs/second.js'],
      dest: 'out/first-and-second.js'
    }
  }
});

---

有一些库可以帮助解决这样的问题，比如requirejs。您还可以进行库分组（将所有内容粘贴在一起）。。。老实说，我不会担心的。除非你有充分的理由需要一个“非常优化”的页面。@Bosworth99我不关心优化，只关心简单，我正在编写的库将被其他人使用，我为其制作此库的人希望使用它，因此您只需键入1行，其中包含他们所需的所有内容。@StijnDeSchutter那么您还必须考虑到这样一个事实，即许多网站已经使用jQuery。如果他们包含您的脚本，并且他们的站点已经包含jQuery和jQuery UI，那么如果您再次加载，可能会对站点加载时间产生很大影响。@KevinB是的，您是对的，让这个想法见鬼去吧，我为之做这件事的公司将不得不接受我的想法。如果他们已经使用jquery，那么他们不需要再包含它，或者如果他们不需要矢量图形，那么可以删除raphael库的行。这将被认为是一个仅链接的答案，可能更适合作为注释。不过，您可以通过解释链接到的每个工具如何解决此问题来改进它。