mvc4以上,微软加了BundleConfig,能够用来统一管理网站的js和css文件,方便升级前端库或切换cdn的好工具。虽然有些人以为写在layout里面也能够这样作,前提是你的layout并很少,多了仍是用BundleConfig方便点。css
但在使用中遇到一些比较坑的问题。在这里备注下,以避免再犯。前端
基本写法以下:jquery
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文件,里面有使用相对路径取图片,请使用和网站路径一致的虚拟路径,文件名能够不一致,避免图片文件路径出错。mvc
橙色是cdn路径。工具
红色是项目文件的实际路径,能够是多个,若是是多个,请注意蓝色路径不能是实际文件名,否则只会取一个。网站
BundleTable.EnableOptimizations = true;spa
用来启用捆绑压缩,注意的是,蓝色和红色的文件名不能一致,不然不会压缩。调试模式下就算开启也不会压缩,发布就行了。调试
bundles.UseCdn = true;cdn
用来启用cdn。图片