asp.net mvc的BundleConfig

最新推荐文章于 2024-07-15 17:09:18 发布

转载最新推荐文章于 2024-07-15 17:09:18 发布 · 120 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/3069996/blog/807832

文章标签：

#测试 #javascript #python #ViewUI

本文介绍MVC4中BundleConfig的使用方法，包括如何统一管理网站的JS和CSS文件，实现前端库升级和CDN切换。文章还分享了一些在实际应用中遇到的问题及解决办法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

mvc4以上，微软加了BundleConfig，可以用来统一管理网站的js和css文件，方便升级前端库或切换cdn的好工具。虽然有些人觉得写在layout里面也可以这样做，前提是你的layout并不多，多了还是用BundleConfig方便点。

但在使用中遇到一些比较坑的问题。在这里备注下，以免再犯。

基本写法如下：

bundles.Add(new ScriptBundle("~/wwwroot/plugins/jQuery/jquery-1.10.2.min.js",
"//cdn.bootcss.com/jquery/1.10.2/jquery.min.js").Include(
"~/wwwroot/plugins/jQuery/jquery-1.10.2.min.js"));
蓝色是虚拟路径，供页面使用，如果你是css文件，里面有使用相对路径取图片，请使用和网站路径一致的虚拟路径，文件名可以不一致，避免图片文件路径出错。

橙色是cdn路径。

红色是项目文件的实际路径，可以是多个，如果是多个，请注意蓝色路径不能是实际文件名，不然只会取一个。

BundleTable.EnableOptimizations = true;

用来启用捆绑压缩，注意的是，蓝色和红色的文件名不能一致，否则不会压缩。调试模式下就算开启也不会压缩，发布就好了。

bundles.UseCdn = true;

用来启用cdn。

转载于:https://my.oschina.net/u/3069996/blog/807832