.net framework 4以上,可以使用Microsoft.AspNet.Web.Optimization

新建4.0项目

WebForm捆绑压缩js和css(WebForm Bundling and Minification)-LMLPHP

Nuget搜索optimization,安装第一个包

WebForm捆绑压缩js和css(WebForm Bundling and Minification)-LMLPHP

加入BundleConfig.cs。注意:启动捆绑,否则没有效果(代码见底部样例)

WebForm捆绑压缩js和css(WebForm Bundling and Minification)-LMLPHP

新增global

WebForm捆绑压缩js和css(WebForm Bundling and Minification)-LMLPHP

页面调用

WebForm捆绑压缩js和css(WebForm Bundling and Minification)-LMLPHP

结果

WebForm捆绑压缩js和css(WebForm Bundling and Minification)-LMLPHP

.net framework 4.5以上,不仅可以使用上面方式,还可以使用Microsoft.AspNet.Web.Optimization.WebForms

新建4.5以上项目

WebForm捆绑压缩js和css(WebForm Bundling and Minification)-LMLPHP

如果选web窗体=>web forms,会帮你自动引用所需要的包,不过这里为了演示原理,选空模板就好

WebForm捆绑压缩js和css(WebForm Bundling and Minification)-LMLPHP

Nuget搜索optimization,安装第三个包

WebForm捆绑压缩js和css(WebForm Bundling and Minification)-LMLPHP

注意:如果新建4.0的项目,即使包安装成功,也是不会有右侧第一个标红引用的

WebForm捆绑压缩js和css(WebForm Bundling and Minification)-LMLPHP

加入BundleConfig.cs。注意:启动捆绑,否则没有效果(代码见底部样例)

WebForm捆绑压缩js和css(WebForm Bundling and Minification)-LMLPHP

加入Bundle.config。关键就在此配置打包的js和css目录及文件

WebForm捆绑压缩js和css(WebForm Bundling and Minification)-LMLPHP

加入Global.ashx

WebForm捆绑压缩js和css(WebForm Bundling and Minification)-LMLPHP

页面调用

WebForm捆绑压缩js和css(WebForm Bundling and Minification)-LMLPHP

查看结果

WebForm捆绑压缩js和css(WebForm Bundling and Minification)-LMLPHP

本文所使用代码下载

参考博客

04-16 08:50