如何逐步将多个javascript函数添加到外部文件

【问题标题】：How to add multiple javascript functions to an external file step by step如何逐步将多个javascript函数添加到外部文件
【发布时间】：2014-03-02 15:47:49
【问题描述】：

所以我的网站周围都有一些 javascript 函数，我想将它们组织在一个 file.js 中

所以我可以像这样在标题中调用文件：

<script src="myfunctions.js"></script>

【问题讨论】：

任何构建工具都可以，尽管有些工具更适合 JavaScript。一个非常愚蠢的解决方案就是拥有一个使用“cat”连接脚本的 Makefile，然后通过闭包编译器运行它们。
我知道 RequireJs 和 Grunt 是目前做这类事情的流行方式。和鲍尔一样。我对这些还不够熟悉，虽然能够做出明智的推荐。
我怀疑海报是否知道这些事情的意思，因此我的简单回答......
另外：require.js 是一个异步模块依赖加载器，Grunt 是一个任务运行器，Bower 是一个包管理器。这些都做完全不同的事情......
相当明确的零研究受到质疑

标签： javascript jquery function obfuscation minify

【解决方案1】：

只需将<script> 标签之间的内容剪切并粘贴到myfunctions.js 中。

【讨论】：

从长远来看，这似乎是一种组织代码的坏方法。拥有独立的、模块化的代码片段更易于维护。
他问怎么做，我就告诉他怎么做。这不应该被否决。他将获得他所要求的功能和用途。考虑到问题的性质，我会大胆猜测并假设像 AMD 这样的东西略高于这张海报所学习的水平。
我确实在
你把标签之间原来的东西去掉了吗？您是否确保在新文件中省略了脚本标签本身？您是否确保将对该文件的调用置于任何其他依赖项之下？
@Oscar 尝试将 <script src="..."> 标记放在 HTML 页面的底部上，就在 </body> 上方。所有 $("#el").doSomething(); 函数只有在低于 <div id="el"> 时才有效。