欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-27 11:29:03
第一步:安装 安装“System.Web.Optimization”:在中“NuGet”中搜索 安装。 第二步:配置 配置“Views”目录下的“web.config”文件增加“System.Web.Optimization”配置 第三部:写代码 在“App_Start”文件夹新建类“BundleC ......

第一步:安装

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

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

安装。

第二步:配置

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

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

第三部:写代码

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

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

添加静态方法“RegisterBundles”

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

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

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

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

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

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