使用 System.Web.Optimization Bundling 最小化时有没有办法禁用 js/css 验证？答案

【问题标题】：Is there a way to disable js/css validation when using System.Web.Optimization Bundling minimisation?使用 System.Web.Optimization Bundling 最小化时有没有办法禁用 js/css 验证？
【发布时间】：2014-10-13 18:30:17
【问题描述】：

我正在使用 .NET 4.5 System.Web.Optimization 捆绑。当打开最小化捆绑文件时，我发现一些 CSS 和 JavaScript 不会因为没有通过验证机制而被最小化。这些文件获取像

这样写的消息

/* Minification failed. Returning unminified contents.
(5616,18): run-time error CSS1036: Expected expression, found '@Arial'

因为班级有font-family: @Arial Unicode MS;
或在全局变量前没有 window 的 Javascript 会产生以下错误。

/* Minification failed. Returning unminified contents.
(210,13-20): run-time error JS1300: Strict-mode does not allow assignment to undefined variables: PageObj
(189,13-20): run-time error JS1300: Strict-mode does not allow assignment to undefined variables: PageObj
 */

我确实知道正确的解决方案是修复错误，但是有很多文件包含大量此类错误有时可能会很麻烦。 有没有办法在捆绑时禁用 css/js 的验证，或者必须使用自定义 IBundleTransform 编写器从正在捆绑和缩小的 javascript 文件中删除 "use strict" 之类的东西？

【问题讨论】：

你想做什么？尽管有错误，还是缩小它们？它们仍然被捆绑在一起，它只是防止任何东西被缩小。
@MikeSmithDev 是的，用错误缩小它们是理想的结果。

标签： c# javascript css .net-4.5 bundling-and-minification

【解决方案1】：

您可以通过编写自己的继承自 IBundleBuilder 的类来完成此操作。

下面的代码是对相关 NuGet 包LicensedBundler 的改编，它保留了重要的 cmets 并缩小文件，而不是缩小有错误的文件，而是将它们及其错误移动到包的顶部（默认功能ASP.NET 捆绑是不缩小任何东西）。如您所见，在CssSettings 中有一个选项可以忽略所有错误：

public class LicensedStyleBundle : Bundle
{
    public LicensedStyleBundle(string virtualPath)
        : base(virtualPath)
    {
        this.Builder = new LicencedStyleBuilder();
    }

    public LicensedStyleBundle(string virtualPath, string cdnPath)
        : base(virtualPath, cdnPath)
    {
        this.Builder = new LicencedStyleBuilder();
    }
}

public class LicencedStyleBuilder : IBundleBuilder
{
    public virtual string BuildBundleContent(Bundle bundle, BundleContext context, IEnumerable<BundleFile> files)
    {
        var content = new StringBuilder();
        foreach (var file in files)
        {
            FileInfo f = new FileInfo(HttpContext.Current.Server.MapPath(file.VirtualFile.VirtualPath));
            CssSettings settings = new CssSettings();
            settings.IgnoreAllErrors = true; //this is what you want
            settings.CommentMode = Microsoft.Ajax.Utilities.CssComment.Important;
            var minifier = new Microsoft.Ajax.Utilities.Minifier();
            string readFile = Read(f);
            string res = minifier.MinifyStyleSheet(readFile, settings);
            content.Append(res);
        }

        return content.ToString();
    }

    public static string Read(FileInfo file)
    {
        using (var r = file.OpenText())
        {
            return r.ReadToEnd();
        }
    }
}

然后在您的 BundleConfig.cs 中，使用 LicensedStyleBundle 而不是 StyleBundle：

bundles.Add(new LicensedStyleBundle("~/Content/css").Include("~/Content/site.css"));

您可以为 ScriptBundle 编写类似的代码。如果您需要指针，NuGet 包的所有源代码都位于 Github project site 中，并且只需要稍作调整即可忽略错误，就像上面的代码一样。

【讨论】：