当我压缩脚本时 JavaScript 停止工作

Question

我想压缩 2000 多行 javascript，并且我已经测试了 http://dean.edwards.name/ packer/ 和 http://closure-compiler.appspot.com/home 。

但在这两种情况下，压缩脚本都会给我带来错误。 错误的一个示例是 jQuery(document).Da 不是函数。

为什么我的脚本优化后不起作用？ 我可以做什么来优化/压缩我的脚本？

Answer 1

确保每个 JavaScript 文件的开头都有分号。我知道这很奇怪，但原因如下：

您可能在一个文件中包含类似的内容：

function someFunc() {
   ...
}

在下一个文件中紧接着类似的内容（这是许多 jQuery 插件的外观）：

(function($) {
   ...
})(jQuery);

它被压缩为：

function someFunc(){ }( function($){...} )(jQuery);

这实际上调用了 someFunc 以 function($){...} 作为参数。然后，它将接受返回的任何内容，并假设它是一个函数并使用 jQuery 作为参数来调用它。

这就是为什么大多数 jQuery 插件都以 ;(function($){ 开头。

在每个文件的开头（或末尾，但要保持一致）放置分号将使您的脚本看起来像

;function someFunc(){ }; (function($){...})(jQuery);

：这样，您的脚本将按预期进行解释。

Answer 2

您可以尝试在线 YUI 压缩机。这是谷歌上的第一个结果： http://www.refresh-sf.com/yui/< /a>

Answer 3

我也有同样的问题。每次我想缩小我的 javascript 文件（包括一些 jquery 插件）时，我都会收到错误。
首先，我尝试使用附加分号来解决问题，正如尼古拉德斯在他的上一篇文章中所解释的那样。即使有了他的建议，我也无法在没有错误的情况下缩小我的 js 文件。
之后我在每个 jquery-plugin 中更改了以下行并为我工作；
例如：

(function($) {
$.fn.defaultInputs = function(settings) { ...

我已经简化为

jQuery.fn.defaultInputs = function(settings) { ...