MVC系列学习(十三)-合并JS和CSS

1.先来看看，不用合并js的情况，传输量大

1.1新建一个 【基本】的mvc项目

然后新建一个控制器HomeController，因为js会在很多视图中用到，所以此时我们添加一个视图带布局页Index视图。为了更好的看到效果，我们删除掉会影响效果的东西。





2.2视图中的代码，超简洁





2.3开始测试

运行视图，然后在HttpWatch监视发送的请求

发现了，此次请求Index.cshtml视图，共发送了四次请求，同时看到了每次请求的数据大小

【视图压缩后大小：574byte】

【js总大小：267676+39920+17056=324652】





2.开始合并js，传输量小了

2.1布局页，以及BundleConfig中的代码如下





2.2视图页，如下





2.3开始测试

【视图页压缩后的大小：592byte】

【js传递的大小：52042byte，明显小了】





3.合并css，同合并js