实用技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > ASP.NET > 实用技巧 > 浅谈MVC 4 的JS/CSS打包压缩功能

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

投稿:hebedich

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

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

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

这样写可以,但是

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

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

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

这个文件啊

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

通过反编译这个DLL文件

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

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文件不起作用的原因了。

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

您可能感兴趣的文章:
阅读全文