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

我已经在javascript中编写了一些函数，并将它们放在单独的JS文件（visualisations.js）中。功能我已经写了一些使用其他JavaScript库，目前这些库都包含在我的HTML页面，所以我有7条线这样如何在自己的脚本中包含JavaScript库

<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），所以最终我只需要将我自己的JS文件包含在HTML文件中，而不是写7行来包含所有的库。

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

Grtz斯泰恩

来源

2013-05-06 Stijn De Schutter

有一些库可以帮助像这样的问题，比如requirejs。你也可以做图书馆分组（将所有内容粘贴在一起）......老实说，我不会担心。除非你有充分的理由需要一个“非常优化”的页面。 – Bosworth99 2013-05-06 14:46:28

@ Bosworth99我不关心优化，但为了方便起见，我正在编写的库将被其他人使用，并且我正在为此编写的人希望拥有它，因此您只需键入1行即可他们需要的一切。 – 2013-05-06 14:53:04

@StijnDeSchutter然后，你也必须考虑到这么多网站已经使用jQuery的事实。如果他们包含您的脚本，并且他们的网站已经包含jQuery和jQuery UI，那么如果您再次加载它，可能会对站点加载时间产生很大影响。 – 2013-05-06 15:01:08

有多种工具，做你想做的：

http://requirejs.org/

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

来源

2013-05-06 14:42:19 fmsf

这将被视为链接唯一的答案，可能更适合作为评论。你可以通过解释你链接的每个工具如何解决这个问题来改善它。 – 2013-05-06 15:03:46

-2

写为每个JS下一行的函数：

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

来源

2013-05-06 14:43:37 elopez

也有很多虽然他们看起来有点矫枉过正，但你必须做的事情。

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

如果你想使用一个工具，因为你需要它（和它的复杂性：D），那么我会建议尝试grunt，它很容易设置，如果你需要扩展它以适应更多需要它几乎没有麻烦，例如，连接：

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

来源

2013-05-06 14:49:39

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

回答

相关问题