服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|JAVA教程|ASP教程|

服务器之家 - 编程语言 - ASP.NET教程 - 浅谈ASP.NET中MVC 4 的JS/CSS打包压缩功能

浅谈ASP.NET中MVC 4 的JS/CSS打包压缩功能

2019-12-17 13:10hebedich ASP.NET教程

打包(Bundling)及压缩(Minification)指的是将多个js文件或css文件打包成单一文件并压缩的做法,如此可减少浏览器需下载多个文件案才能完成网页显示的延迟感等,能有效缩小文件案体积,提高传输效率,提供使用者更流畅的浏览体验。

今天在使用MVC4打包压缩功能@Scripts.Render("~/bundles/jquery") 的时候产生了一些疑惑,问什么在App_Start文件夹下BundleConfig.cs文件内

?
1
2
3
4
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
            "~/Scripts/jquery-{version}.js",
            "~/Scripts/jquery.unobtrusive-ajax.js"
            ));

这样写可以,但是

?
1
2
3
4
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
            "~/Scripts/jquery-{version}.js",
            "~/Scripts/jquery.unobtrusive-ajax.min.js"
            ));

这样写却不可以,我的目录里明明有

?
1
"~/Scripts/jquery.unobtrusive-ajax.min.js"

这个文件啊

通过调试跟踪发现,MVC内部已经对“.min.js”文件做了过滤

浅谈ASP.NET中MVC 4 的JS/CSS打包压缩功能

通过反编译这个DLL文件

浅谈ASP.NET中MVC 4 的JS/CSS打包压缩功能

可以看到下面反编译后的代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
public static void AddDefaultIgnorePatterns(IgnoreList ignoreList)
{
  if (ignoreList == null)
  {
    throw new ArgumentNullException("ignoreList");
  }
  ignoreList.Ignore("*.intellisense.js");
  ignoreList.Ignore("*-vsdoc.js");
  ignoreList.Ignore("*.debug.js", OptimizationMode.WhenEnabled);
  ignoreList.Ignore("*.min.js", OptimizationMode.WhenDisabled);
  ignoreList.Ignore("*.min.css", OptimizationMode.WhenDisabled);
}

 

由此我们可以知道MVC默认帮我们过滤了后缀名为 .intellisense.js、-vsdoc.js、.debug.js、.min.js、.min.css的文件,这也就是我们引用.min.js文件不起作用的原因了。

以上所述就是本文的全部内容了,希望大家能够喜欢。

延伸 · 阅读

精彩推荐