MVC4中压缩和合并js文件和样式文件

1.在App_Start文件夹中BundleConfig.cs类中添加相应的文件

1.1bundles.Add(new ScriptBundle("~/bundles/adminJs").Include("~/Scripts/jquery.js", "~/Scripts/jquery.form.js"));

1.2bundles.Add(new StyleBundle("~/Content/adminCss").Include("~/Content/base.css", "~/Content/right.css", "~/Content/validation.css"));

2.在Global.asax文件中开启压缩文件操作

BundleTable.EnableOptimizations = true;            //启用这一行,则使用Bundle的机制进行文件打包

3.在相应的VIEW调用即可

@Scripts.Render("~/bundles/validate")

MVC4中压缩和合并js文件和样式文件

时间: 2024-12-10 09:36:06

MVC4中压缩和合并js文件和样式文件的相关文章

maven 关于构建版本号,以及在构建的时候压缩css,js并为这些文件追加版本号

最近负责公司一个项目框架的搭建,由于我们这边是后端团队,没有专业的前端工程师支持我们,我就在这个搭建过程中遇到了一些前端问题,给大家分享一下. 主要分享点: 构建项目时自动在css,js文件名中加入版本号     解决新上线版本时,浏览器可以更新缓存 构建项目自动压缩css,js资源文件     加快响应速度 解决第一个问题,是在构建的时候必须生成一个构建版本号,比如构建时刻的timestamp,正好在网上看到这样的插件,配置信息如下 <plugin> <groupId>org.c

MVC4新功能...压缩和合并js文件和样式文件

1.在App_Start文件夹中BundleConfig.cs类中添加相应的文件 1.1bundles.Add(new ScriptBundle("~/bundles/adminJs").Include("~/Scripts/jquery.js", "~/Scripts/jquery.form.js")); 1.2bundles.Add(new StyleBundle("~/Content/adminCss").Include

Maven插件wro4j-maven-plugin压缩、合并js、css详解

1.    在pom.xml文件中,引入wro4j-maven-plugin插件 <plugin> <groupId>ro.isdc.wro4j</groupId> <artifactId>wro4j-maven-plugin</artifactId> <version>${wro4j.version}</version> <executions> <execution> <id>opt

grunt压缩合并js

[grunt整合版]30分钟学会使用grunt打包前端代码 grunt 准备阶段 1.nodeJs环境 2.安装grunt 实例学习:打包zepto ① package.json ② Gruntfile.js 认识Gruntdile与package.json package.json Gruntfile 合并文件 合并requireJS管理的文件 配置任务/grunt.initConfig grunt插件 grunt-contrib-unglify grunt-contrib-concat gr

合并压缩css和Js的方式

[文章作者:磨延城 转载请注明原文出处: https://mo2g.com/view/74/] 本篇博客从减少浏览器加载外部资源连接数的思考角度着手,要想深入了解其他加快网页显示速度的原理,估计又得花不少时间,这需要把前端跟后端都说解释清楚.有时间我会分开写其他部分的内容.这里为了节省时间,只介绍如何减少网页需要加载的外部资源,加快浏览器的响应速度. 本篇博客从减少浏览器加载外部资源连接数的思考角度着手,要想深入了解其他加快网页显示速度的原理,估计又得花不少时间,这需要把前端跟后端都说解释清楚.

Drupal 通过API动态的加入样式文件

前面几篇文章中讲到关于样式的载入方式.已经了解到能够通过 theme.info 载入样式文件,但都须要更新缓存才干够使用.因些这样子没有办法动态的载入一些样式文件,在DP中提供了两个API操作样式文件 drupal_add_css . drupal_get_css 这里.仍然是以 mytheme 为主题.看下面演示样例: function template_preprocess_page(&$variables) { ? $front_style = path_to_theme() .'/fro

无代码软件开发样式文件导入新项目

腾讯课堂搜"尚识"在线学习无代码开发中,样式文件及LOGO,UI元件等是放在项目文件夹(开发工具默认文件夹名称是workspace)下的web文件夹中的,新项目模板中默认预定义了一套样式文件可以直接用,如果开发时添加了新的类或修改了默认的样式,则可以将其作为成熟项目的样式文件复用到新项目中:复制一个项目的样式文件,添加到新项目中 从一个项目中复制样式文件夹到新项目主要2步完成: 第一步:复制项目中样式文件夹注意上图是workspace中的TEST项目下的web样式文件夹.第二步:新项目

使用Ant和YUICompressor链接合并压缩你的JS和CSS代码

JS代码和CSS代码在上线前要压缩大家应该都是知道的了.记得之前做项目的时候,最后要交差的时候是找了个网站,将JS代码的文件一个一个地复制,粘贴,复制,粘贴. 当时就在想:TMD有没有好一点的方法,劳资不想老是用Ctrl大法.啊啊啊啊啊啊啊啊阿~.最最坑爹的是,有时候将代码复制粘贴的时候手一抖可能就删了点什么东西,手一快又保存了,反正各种坑爹.坑到没朋友. 但是呢,不压缩也不是是吧? 在写JS代码渐渐多了起来的时候就发现手动压缩根本不是长远的方法.而且JS的代码也开始分块,分功能,分文件写了,尽

Grunt的配置及使用(压缩合并js/css)

Grunt的配置及使用(压缩合并js/css) 安装 前提是你已经安装了nodejs和npm. 你能够在 nodejs.org 下载安装包安装.也能够通过包管理器(比方在 Mac 上用 homebrew,同一时候推荐在 Mac 上用 homebrew). 安装grunt CLI npm install -g grunt-cli 依照官方的说法.grunt-cli仅仅是为了在同一台机器上安装不同的grunt版本号,那么咱们先不去管他. 在项目中使用grunt 首先须要往项目里加入两个文件:pack