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

Posted cjm123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在MVC中使用Bundle打包压缩js和css相关的知识,希望对你有一定的参考价值。

 

第一步:安装

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

技术分享图片

安装。

第二步:配置

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

技术分享图片

第三部:写代码

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

技术分享图片

技术分享图片

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

技术分享图片

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

 技术分享图片

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

以上是关于在MVC中使用Bundle打包压缩js和css的主要内容,如果未能解决你的问题,请参考以下文章

在ASP.NET MVC中,使用Bundle来打包压缩js和css(转)

在ASP.NET MVC中,使用Bundle来打包压缩js和css

第五章 MVC之Bundle详解

webpack 打包压缩 ES6文件报错UglifyJs + Unexpected token punc (();

asp.net mvc 应用Bundle(捆绑和微小)压缩技术 启用 BundleConfig 配置web.config

Bundle捆绑压缩技术