javascript - 在开发和部署期间，我应该使用缩小版还是常规版的 jQuery 插件？

Question

正如你们中的许多人所知，现在您发现的大多数 jQuery(或 javascript，就此而言)插件都可以下载为常规范式代码、缩小版本或两者兼而有之。出于开发目的，我喜欢使用插件的非缩小版本，以防我需要设置 Firebug 断点或出于任何原因查看它。

现在，当我打包并部署我的应用程序时，为了效率起见，我宁愿切换到插件的缩小版本。我知道这样做的唯一方法是手头有两个版本，然后手动更改我的 View (我使用 MVC)中的所有引用以指向缩小版本，然后打包和部署。理想情况下，我也会缩小(并可能混淆)我自己的 javascript 文件。

有谁知道使用非缩小插件(为了可读性)进行开发和使用缩小版本(为了效率)进行部署的更好、更有效的方法？有什么文章可以指点我谈论它吗？我对如何处理 javascript 部署还很陌生，可能会温习一下最佳实践。

谢谢。

Answer 1

除非我特别需要研究它，否则我倾向于总是使用第 3 方 JS 的缩小版本......在任何情况下，你都可以编写一个 html 帮助程序，根据某些配置插入正确的脚本名称(可以调试与发布)...

你最终会得到这样的结果:

<%= Html.IncludeJQuery() %>

或者如果你所有的脚本都遵循相同的约定(.min.js 用于缩小版本)做一个帮助程序，在你传递的脚本上插入 '.min' 是在发布时

<%= Html.IncludeCorrectVersionOfScript("jquery-1.4.2.js") %>

更新:

Html 助手是 Mvc 的 HtmlHelper 类的扩展方法，您可以使用它来发出 ActionLink、BeginForm、EditorFor 等。您基本上将一个新方法(仅限静态方法)附加到该对象，以便您可以执行 Html.MyMethod。 ... 一个帮助者会是这样的:

public static class ScriptIncludeHelper
{
    public static MvcHtmlString IncludeCorrectVersionOfScript(this HtmlHelper html, string script)
    {
        if (!html.ViewContext.HttpContext.IsDebuggingEnabled)
            script = script.Replace(".js", ".min.js");
        var tag = string.Format("<script type=\"text/javascript\" src=\"{0}\"></script>", script);

        return MvcHtmlString.Create(tag);
    }
}

请注意，这是非常简化的版本(没有验证字符串等)

现在您可以使用 IsDebuggingEnabled 或 web.config 中的配置或静态配置来定义是否要包含调试版本的最小化版本...

希望这有帮助