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

Question

我知道我在某处看到过这篇文章(也特别与 Azure 相关!)但我忘了将它添加为书签(哦!)，经过几个小时的搜索后无法在任何地方找到它:(

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

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

我不记得这篇文章是否正是我所追求的，但我想做的是在运行时根据布局和页面组合并缩小必要的 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 并优化和 Sprite 图像的元素。它可以即时执行此操作，无需更改代码，也只需很少的配置。下周，我将发布 javascript merge/minify。我最近一直在写博客(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 网站的开发主管，我们已经在这些网站上成功地部署了它，因此它经过了企业测试并且具有相当大的可扩展性。然而，它不是 Microsoft 产品，而是我一直参与的个人 OSS 元素。它也是免费的。