我如何使用 YUI 构建任务(或其他方式)压缩单个 css 文件。场景:我有
- 样式.css,
- IFrame.css,
- 网格.css
我可以将这些文件压缩并合并到main.min.css(这里没问题,从 yui on codeplex 获得了一个示例)。
但是,我也有一个Contact.css,它只在联系页面上使用。如何将这个文件与其他文件分开压缩?即进入contact.min.css
我如何使用 YUI 构建任务(或其他方式)压缩单个 css 文件。场景:我有
我可以将这些文件压缩并合并到main.min.css(这里没问题,从 yui on codeplex 获得了一个示例)。
但是,我也有一个Contact.css,它只在联系页面上使用。如何将这个文件与其他文件分开压缩?即进入contact.min.css
可能会调查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
如果我正确理解您的问题,您可以创建多个捆绑包。这里我使用的是 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")
但这是运行时过程,而不是构建阶段任务。可能有类似的构建解决方案。
您是否尝试过使用以下插件http://chirpy.codeplex.com/。它允许您在构建时自动压缩所有 css 和 javascript。我已经在几个项目中使用过它,并且似乎运行良好。
我现在正在使用Cassette。下一个 VS 将内置此功能。