Question

我在javascript中编写了一些函数，并将它们放在一个单独的JS文件中（visualisations.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文件（visualisations.js）中，所以最终我只需要在HTML文件中包含我自己的JS文件，而不是写7行来包含所有的库。

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

Grtz Stijn

Answer 1

有很多工具，虽然它们看起来有些过分无法实现。

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

如果您想使用工具，因为您需要它（及其复杂性：D），那么我建议您尝试grunt，它很容易设置，如果您需要扩展它为了满足进一步的需求，它几乎是无忧无虑的，例如，连接：

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

Answer 2

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

http://requirejs.org/

https://developers.google.com/closure/compiler/

Answer 3

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

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

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

3 个答案: