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

Dynamic/Automatic Javascript and CSS Combining and Minification

本文关键字:CSS 缩小 组合 Javascript 自动 动态      更新时间:2023-09-26

我知道我在某个地方看到过一篇这样的文章(特别是与Azure相关的!),但是我忘了收藏它(doh!),搜索了几个小时后,到处都找不到它:(

我有一个MVC应用程序在Azure上运行,有多个布局页面和大约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" />

提前感谢!

查看RequestReduce。这是一个项目,我一直致力于减少/合并css和优化和精灵图像。它不需要任何代码更改,也很少需要配置。下周,我将发布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.

我是几个微软网站的开发主管,我们已经成功地部署了这个,所以它是企业测试和相当可扩展的。然而,它不是微软的产品,而是我一直致力于的个人OSS项目。