动态/自动 Javascript 和 CSS 组合和缩小

Question

我知道我在某处看到过一篇文章（也特别与 Azure 相关！），但我忘了给它添加书签（doh！），经过几个小时的搜索，在任何地方都找不到它 :(

我有一个在 Azure 中运行的 MVC 应用程序，其中包含多个布局页面和大约 20 多个 javascript 文件（每个文件都很长，因此它们是分开的！）。

每个布局页面包含几个脚本和 css 文件，其余的使用 @head { } 添加（用于将部分添加到正文之外的布局页面的剃须刀语法。

我不记得这篇文章是否正是我所追求的，但我想做的是在运行时根据布局和页面组合并缩小必要的 javascript 和 css 文件。

例如，如果我有一个布局文件：

<script src="script1.js"></script>
<script src="script2.js"></script>
<link href="css1.css" />

还有一个页面

<script src="pagespecificscript.js"></script>
<script src="usercontrolspecificscript.js"></script>
<link href="page.css" />

我希望将 2 个缩小的文件发送到用户的浏览器，例如

<script src="201101010800abc-min.js"></script>
<link href="201101010800abc-min.css" />

提前致谢！

Answer 1

查看RequestReduce。这是我一直在做的一个项目，它缩小/合并 css 并优化和精灵图像。它可以即时执行此操作，无需更改代码，并且几乎不需要配置。下周，我将发布 javascript 合并/缩小。我最近写了很多关于这个的博客（http://www.mattwrock.com/post/2011/09/10/Adopt-RequestReduce-and-see-immediate-Yslow-and-Google-Page-Speed-score -improvements-not-to-mention-a-faster-site!.aspx）所以这可能是您遇到的文章。获取 RequestReduce 的最简单方法是通过 nuget：Install-Package RequestReduce。

我是几个 Microsoft 网站的开发主管，我们在这些网站上成功部署了它，因此它经过了企业测试并且具有相当大的可扩展性。然而，它不是微软的产品，而是我一直在参与的个人 OSS 项目。它也是免费的。