在MVC中使用Bundle打包压缩js和css

第一步:安装

安装“System.Web.Optimization”:在中“NuGet”中搜索

安装。

第二步:配置

配置“Views”目录下的“web.config”文件增加“System.Web.Optimization”配置

在MVC中使用Bundle打包压缩js和css_第1张图片

第三部:写代码

在“App_Start”文件夹新建类“BundleConfig”,当然也可以叫其他的名字。

添加静态方法“RegisterBundles”

在MVC中使用Bundle打包压缩js和css_第2张图片

完成后需要在“Global.asax”中写入代码,执行“BundleConfig”类的“RegisterBundles”方法

在MVC中使用Bundle打包压缩js和css_第3张图片

在页面中使用@Scripts.Render("~/jsbase")来加载打包压缩后的内容。

 在MVC中使用Bundle打包压缩js和css_第4张图片

需要注意的是,一般在调试的时候是看不到效果的,为了方便调试压缩在这时是没有启用的。要在调试的时候看到效果,将中的true更改为false即可。

你可能感兴趣的:(在MVC中使用Bundle打包压缩js和css)