使用 YUI Compressor .Net 压缩单个文件

Question

我如何使用 YUI 构建任务（或其他方式）压缩单个 css 文件。 设想： 我有

• Style.css、
• IFrame.css、
• Grid.css

我可以将这些文件压缩并合并到 ma​​in.min.css （这里没问题，从 codeplex 上的 yui 获取了示例）。

但是，我还有一个仅在联系页面上使用的Contact.css。如何将该文件与其他文件分开压缩？即进入 contact.min.css

Answer 1

可能会研究RequestReduce。
我们还为 ASP.NET（MVC、网页、Web 表单）创建捆绑/缩小。请参阅 http://weblogs.asp.net/scottgu/archive/2011/11/27/new-bundling-and-minification-support-asp-net-4-5-series.aspx

Answer 2

如果我正确理解您的问题，您可以创建多个捆绑包。这里我使用 YUI Compressor.Net ，但它可以是来自 System.Web.Optimization 命名空间的标准捆绑包。

        var cssBundleConfig = new CssCompressorConfig();
        var cssTransform = new YuiCompressorTransform(cssBundleConfig);

        bundles.Add(new Bundle("~/Content/basecss", cssTransform).Include(
                  "~/Content/Css/Style.css",
                  "~/Content/Css/IFrame.css",
                  "~/Content/Css/Grid.css"
                  ));
        bundles.Add(new Bundle("~/Content/contactcss", cssTransform).Include("~/Content/Css/Contact.css"));

并在 UI 上调用渲染，如下所示：

@Styles.Render("~/Content/basecss")
@Styles.Render("~/Content/contactcss")

但这是运行时过程，而不是构建阶段任务。可能有类似的构建解决方案。

Answer 3

您是否尝试过使用以下插件http://chirpy.codeplex.com/。它允许您在构建时自动压缩所有 css 和 javascript。我已经在几个项目中使用过它并且看起来效果很好。

Answer 4

我现在使用磁带。下一个VS将会内置这个。