maven 配置合并压缩JS+CSS

 1 <project xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd" xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
 2     <modelVersion>4.0.0</modelVersion>
 3     <!-- 项目所在组、机构 -->
 4     <groupId>com.test</groupId>
 5     <!-- 项目产品名称 -->
 6     <artifactId>test-mobile</artifactId>
 7     <!-- 项目产品版本 -->
 8     <version>1.0.0</version>
 9     <!-- pom属性配置 -->
10        <properties>
11         <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
12       </properties>
13       <!-- 构建相关配置  -->
14       <build>
15       <!-- maven插件配置 -->
16       <plugins>
17       <plugin>
18         <!-- YUI Compressor Maven压缩插件 -->
19         <groupId>net.alchim31.maven</groupId>
20         <artifactId>yuicompressor-maven-plugin</artifactId>
21         <version>1.3.0</version>
22         <configuration>
23             <!-- 读取js,css文件采用UTF-8编码 -->
24             <encoding>UTF-8</encoding>
25             <!-- 不显示js可能的错误 -->
26             <jswarn>false</jswarn>
27             <!-- 若存在已压缩的文件,会先对比源文件是否有改动
28                 有改动便压缩,无改动就不压缩 -->
29             <force>false</force>
30             <!-- 在指定的列号后插入新行 -->
31             <linebreakpos>-1</linebreakpos>
32             <!-- 压缩之前先执行聚合文件操作 -->
33             <preProcessAggregates>true</preProcessAggregates>
34             <!-- 压缩后保存文件后缀 -->
35             <suffix>.min</suffix>
36             <!-- 源目录,即需压缩的根目录 -->
37             <sourceDirectory>${basedir}/mobile</sourceDirectory>
38             <!-- 压缩js和css文件 -->
39             <includes>
40                 <include>**/*.js</include>
41                 <include>**/*.css</include>
42             </includes>
43             <!-- 以下目录和文件不会被压缩 -->
44             <excludes>
45                 <exclude>**/*.min.js</exclude>
46                 <exclude>**/*.min.css</exclude>
47                 <exclude>scripts/data/*.js</exclude>
48             </excludes>
49             <!-- 压缩后输出文件目录 -->
50             <outputDirectory>${basedir}/mobile</outputDirectory>
51             <!-- 聚合文件 -->
52             <aggregations>
53                 <aggregation>
54                     <!-- 合并每一个文件后插入一新行 -->
55                     <insertNewLine>true</insertNewLine>
56                     <!-- 需合并文件的根文件夹 -->
57                     <inputDir>${basedir}/mobile/scripts</inputDir>
58                     <!-- 最终合并的输出文件 -->
59                     <output>${basedir}/mobile/scripts/app/app.js</output>
60                     <!-- 把以下js文件合并成一个js文件,是按顺序合并的 -->
61                     <includes>
62                         <include>app/core.js</include>
63                         <include>app/mlmanager.js</include>
64                         <include>app/tmpl.js</include>
65                         <include>app/ui.js</include>
66                     </includes>
67                 </aggregation>
68             </aggregations>
69         </configuration>
70       </plugin>
71       </plugins>
72   </build>
73 </project>

原文地址:http://wang-jia-sina-com.iteye.com/blog/1538000

时间: 2024-10-20 06:41:04

maven 配置合并压缩JS+CSS的相关文章

grunt 合并压缩js和css文件(二)

具体node及文件配置请看: grunt 安装使用(一) 要压缩的文件 --src/ ajax.js assets.js touch.js zepto.js 目录结构: dist/ node_modules/ src/ Gruntfile.js package.json package.json是依赖库文件 Gruntfile.js是执行步骤程序 一.js合并压缩 第一次需要先安装grunt.执行 npm install -g grunt-cli 进行安装.如果已经安装,可以忽略. 1.pack

使用grunt合并压缩js、css文件

需要了解的知识: 1.nodejs的安装与命令行使用 2.nodejs安装应用 3.grunt的初步了解 本文已假定读者已经熟悉以上知识. 好,我们继续: 任务1:将src目录下的所有zepto及插件合并,并压缩. --src/ ajax.js assets.js callbacks.js data.js deferred.js detect.js event.js form.js fx.js fx_methods.js gesture.js ie.js ios3.js selector.js

简单使用grunt工具合并压缩js和css

前段时间因为项目中的报表写了一个Jquery插件,开源到github上,参考以往大神们写的插件的姿势,决定搞了像模像样一点.言归正传.前端工程师对这些工具:Node,bower,grunt,npm这些工具应该都很熟悉.今天就简单介绍一下grunt的用法. grunt的介绍及安装请看着:getting-started,中文文档,写的也比较详细. 一个完整grunt项目小包含以下模块或配置文件 npm:node的包管理器,管理(安装)相关插件 grunt-cli:执行grunt任务的工具,但是注意安

ASP.NET MVC 4使用Bundle的打包压缩JS/CSS

打包(Bundling)及压缩(Minification)指的是将多个js文件或css文件打包成单一文件并压缩的做法,如此可减少浏览器需下载多个文件案才能完成网页显示的延迟感,同时通过移除JS/CSS文件案中空白.批注及修改JavaScript内部函数.变量名称的压缩手法,能有效缩小文件案体积,提高传输效率,提供使用者更流畅的浏览体验. 在ASP.NET MVC 4中可以使用BundleTable捆绑多个css文件和js文件,以提高网络加载速度和页面解析速度.更为重要的是通过捆绑可以解决IE浏览

node压缩js/css/image

1.安装nodejs http://nodejs.org/ 2.安装各自的node package js我用的是UglifyJS github地址:https://github.com/mishoo/UglifyJS css我用的是clean-css github地址:https://github.com/GoalSmashers/clean-css 图片用的是node-smushit    github地址:https://github.com/colorhook/node-smushit 3

压缩 js/css 的工具

最近检测服务器,发现js/css文件都没有压缩过,动手解决此问题先. 本次压缩采用 yui compress (2.4.8) 压缩脚本: #!/bin/sh echo "###########################" echo "---------------------------" echo "begin to compress JS file." for file in `find . -name "*.js"

Asp.Net使用Yahoo.Yui.Compressor.dll压缩Js|Css

网上压缩css和js工具很多,但在我们的系统中总有特殊的地方.也许你会觉得用第三方的压缩工具很麻烦.我就遇到了这样问题,我不想在本地压缩,只想更新到服务器上去压缩,服务器压缩也不用备份之类的操作.于是我就想着自己实现压缩工具. 初步需求如下: 使用Yahoo.Yui.Compressor 2.0版本 只对网站目录下指定文件夹中css和js进行压缩 使用到了JQuery插件,所以有很多都是压缩过的js.所以对文件名称中保存min的不进行压缩 不需要备份文件 如在第一次访问文件时候进行压缩或应用程序

IIS7.5打开GZip压缩,同时启用GZip压缩JS/CSS文件的设置方法[bubuko.com]

IIS7.5或者IIS7.0开启GZip压缩方法:打开IIS,在右侧点击某个网站,在功能视图中的“IIS”区域,双击进入“压缩”,如图下图: 分别勾选“启用动态内容压缩”和“启用静态内容压缩”.这样最通用的设置GZip压缩就完成了. 静态内容压缩和动态内容压缩的区别静态内容压缩:压缩的静态响应可以缓存到磁盘上,供多个请求使用,同时不会降低 CPU 资源的性能.对于下一个请求,可以从磁盘检索压缩文件,由于 CPU 不必再次压缩文件,从而提高了性能. 动态内容压缩:压缩动态应用程序响应会影响 CPU

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

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