4

我用 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 行来包含所有库。

有什么建议么？请保持您的答案易于理解，我不是高级程序员。

格茨斯蒂金

4

3 回答 3

2

周围有很多工具，尽管它们对于您必须做的事情似乎有些矫枉过正。

我认为您最好的选择是将这些文件复制粘贴到一个文件中。

如果您想使用一个工具，因为您需要它（及其复杂性：D），那么我建议您尝试grunt，它很容易设置，如果您需要扩展它以适应进一步的需求，它将是几乎没有麻烦，例如，连接：

grunt.initConfig({
  concat: {
    dist: {
      src: ['libs/first.js', 'libs/second.js'],
      dest: 'out/first-and-second.js'
    }
  }
});
于 2013-05-06T14:49:39.673 回答
1

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

http://requirejs.org/

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

于 2013-05-06T14:42:19.883 回答
-1

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

document.write('<script type="text/javascript" src="JS/jquery-1.9.1.min.js"></script>');
于 2013-05-06T14:43:37.977 回答