asp.net-mvc-3 - MVC3 中的 SquishIt ForceRelease 不能正确缩小 JQuery 插件

Question

在我的 MVC3 应用程序中使用带有 3rd 方 JQuery 插件的 SquishIt 时出现大量错误。在我的开发机器上，如果我在 Bundle 命令上设置 ForceDebug 方法，一切正常，并且 JS 被正常处理。但是，如果我设置 ForceRelease 方法(在推出生产之前进行测试)，当我启动网站时，FireFox 会显示“不是函数”错误。我尝试在 web.config 中设置 compilation debug="true" 没有任何改进。

这是我的 _layout.cshtml 文件中的 JS 调用。所有捆绑都是针对标准 JQuery 插件的:

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.min.js"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-ui-1.8.18.custom.min.js")"></script>
@(Bundle.JavaScript()
    .Add("~/Scripts/modernizr-2.5.3.js")
    .Add("~/Scripts/jquery.fileinput.js")
    .Add("~/Scripts/jquery.numeric.js")
    .Add("~/Scripts/jquery.maskedinput-1.3.min.js")
    .Add("~/Scripts/jquery.maxlength_countdown.js")
    .Add("~/Scripts/jquery.qtip.min.js")
    .Add("~/Scripts/jquery.pnotify-1.1.0.min.js")
    .Add("~/Scripts/fileuploader.js")
    .Add("~/Scripts/jquery.dropdownchecklist-1.4.js")
    .Add("~/Scripts/jquery.blockUI.js")
    .Add("~/Scripts/jquery.textarearesizer.min.js")
    .ForceRelease()
    .MvcRender("~/CompiledContent/combined_#.js")
  )

以下是 FireFox 显示的错误示例。这会根据我在 bundle 中包含的内容而改变:

function (n) {var i = (n.browser.msie ? "paste": "input") + ".mask", t = window.orientation != undefined;n.mask = {definitions :{9:“[0-9]”，a:“[A-Za-z]”，'​​':“[A-Za-z0-9]”}，dataName:“rawMaskFn”}，n。 fn.extend({caret: function (n, t) {if (this.length != 0) {if (typeof n == "number") {return t = typeof t == "number"? t : n, this.each(function()... YADDA YADDA YADDA - 这里还有 50 行脚本 ...function () {setTimeout(i, 0);})();}).bind("blur.mask", function () {v(), c.val() != p && c.change ();}).bind("keydown.mask", nt).bind("keypress.mask", d).bind(i, function () {setTimeout(function () {c.caret(v(true) );}, 0);}), v();});}});}(jQuery) 不是函数

$(".dropdown-checklist").dropdownchecklist 不是函数

对我在这里搞砸了什么有什么想法吗？

Answer 1

我们之前遇到过类似的情况...发现其中一个文件在 javascript 函数的末尾没有分号。这造成了各种破坏。当它本身是一个文件时，该函数可以正常工作，但是一旦组合起来，分号就会有所不同。

您还可以将 Minifier 设置为 null minifier 并查看它创建的输出。这可能有助于解决更多问题。