js,css代码压缩

web站点需要对js,css代码进行压缩,打包,下面是利用maven进行打包压缩的配置

将压缩后的代码打入到war包中,并且压缩后的js,css文件名不变

  1. <plugins>
  2. <plugin>
  3. <groupId>org.apache.maven.plugins</groupId>
  4. <artifactId>maven-war-plugin</artifactId>
  5. <version>2.4</version>
  6. <configuration>
  7. <warSourceExcludes>**/*.js,**/*.css</warSourceExcludes>
  8. </configuration>
  9. </plugin>
  10. <plugin>
  11. <!-- YUI Compressor Maven压缩插件 -->
  12. <groupId>net.alchim31.maven</groupId>
  13. <artifactId>yuicompressor-maven-plugin</artifactId>
  14. <version>1.3.0</version>
  15. <executions>
  16. <execution>
  17. <phase>process-resources</phase>
  18. <goals>
  19. <goal>compress</goal>
  20. </goals>
  21. </execution>
  22. </executions>
  23. <configuration>
  24. <!-- 读取js,css文件采用UTF-8编码 -->
  25. <encoding>UTF-8</encoding>
  26. <!-- 不显示js可能的错误 -->
  27. <jswarn>false</jswarn>
  28. <!-- 若存在已压缩的文件,会先对比源文件是否有改动  有改动便压缩,无改动就不压缩 -->
  29. <force>false</force>
  30. <!-- 在指定的列号后插入新行 -->
  31. <linebreakpos>-1</linebreakpos>
  32. <!-- 压缩之前先执行聚合文件操作 -->
  33. <preProcessAggregates>true</preProcessAggregates>
  34. <!-- 压缩后保存文件后缀 无后缀 -->
  35. <nosuffix>true</nosuffix>
  36. <!-- 源目录,即需压缩的根目录 -->
  37. <sourceDirectory>src/main/webapp/resource</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. </excludes>
  48. </configuration>
  49. </plugin>
  50. </plugins>

下面这个标签是对已经压缩过的文件不进行压缩

  1. <excludes>
  2. <exclude>**/*.min.js</exclude>
  3. <exclude>**/*.min.css</exclude>
  4. </excludes>

但是如果按照如下配置进行打包,那些在源文件中已经是.min结尾的js,css代码将不会打进war包

  1. <configuration>
  2.   <warSourceExcludes>**/*.js,**/*.css</warSourceExcludes>
  3. </configuration>

转载自:http://blog.csdn.net/zhangt85/article/details/41211297

(转)yuicompressor 与 maven结合,打包,压缩js,css (一)的更多相关文章

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

    打包(Bundling)及压缩(Minification)指的是将多个js文件或css文件打包成单一文件并压缩的做法,如此可减少浏览器需下载多个文件案才能完成网页显示的延迟感,同时通过移除JS/CSS ...

  2. MVC打包压缩JS&CSS文件调试时过滤了一些文件

    BundleTable.这个确实是比较好用,打包并压缩了CSS,使之加载时减少流量. 但是在调试的时候会疑问为何有很多JS,CSS文件无法打包,其实是因为调试时VS自动过滤了如下文件:   后台跟踪了 ...

  3. webpack学习(六)打包压缩js和css

    打包压缩js与css 由于webpack本身集成了UglifyJS插件(webpack.optimize.UglifyJsPlugin)来完成对JS与CSS的压缩混淆,无需引用额外的插件, 其命令we ...

  4. PHP动态压缩js,css

    PHP动态压缩js,css 列表项 标签: PHP 正式发布产品时,我们希望将项目里的js,css合并压缩,以减少http请求.防止轻易查看源代码. 使用 只需要在头部引入一下代码即可: <me ...

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

    在ASP.NET MVC4中(在WebForm中应该也有),有一个叫做Bundle的东西,它用来将js和css进行压缩(多个文件可以打包成一个文件),并且可以区分调试和非调试,在调试时不进行压缩,以原 ...

  6. maven压缩js css

    maven压缩<plugin> <!-- YUI Compressor Maven压缩插件 --> <groupId>net.alchim31.maven</ ...

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

    转自:http://www.cnblogs.com/xwgli/p/3296809.html 在ASP.NET MVC4中(在WebForm中应该也有),有一个叫做Bundle的东西,它用来将js和c ...

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

    第一步:安装 安装“System.Web.Optimization”:在中“NuGet”中搜索 安装. 第二步:配置 配置“Views”目录下的“web.config”文件增加“System.Web. ...

  9. idea 添加yuicompressor压缩js/css

    打开idea 点击file->Settings 出现如下界面 argumets项填写 : -jar F:\yui\yuicompressor-2.4.8.jar $FilePath$ -o $F ...

随机推荐

  1. PHP之获取终端用户IP

    // function get_real_ip() { $ip=false; $clientip = "clientip"; $xrealip = "xrealip&qu ...

  2. linux 软/硬链接详解

    SYNOPSIS ln [OPTION]... [-T] TARGET LINK_NAME (1st form) ln [OPTION]... TARGET (2nd form) ln [OPTION ...

  3. java之获取资源文件

    背景介绍 在java程序中有时我们需要加载项目中的某些资源文件(如:config.properties之类),以便获取里面的值,这样可以避免某些需要经常修改的数据硬编码入业务程序中 实现方式 实现这种 ...

  4. Java如何连接SQLServer,并实现查询、修改、删除方法

    场景:A:在UI自动化时,删除数据时候,在界面UI提示“该XX已被使用,无法删除”. 这时候我们有需要做数据初始化的操作,需要把历史数据做删除,来确脚本运行的重复执行,和稳定性质. B: 在做新增操作 ...

  5. java 集合(一)ArrayList的继承树

    这是ArrayList的继承树,它继承了AbstractCollection抽象类,AbstractCollection类实现了Collection接口,Collection接口继承Iterable接 ...

  6. Java 二进制数据转成文件

    SqlServer数据库中,存储文件的字段的类型是image,对应的Java类型是byte[],下面的函数将演示如何把读取出来数据放入指定目录.当然,首先需要从数据库读出,然后调用该方法. impor ...

  7. head 命令 读取文件的前n行,默认查看文件的前十行

    head 命令 读取文件的前n行 默认查看文件的前十行 head /etc/passwd # 默认查看文件的前十行 /etc/passwd # 查看文件的前两行

  8. lsof 命令

    [root@localhost ~]# lsof COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME init root cwd DIR , / in ...

  9. laravel用crud修改产品items-新建resource controller和routing

    前面我们创建了laravel简单的items产品api,但是需要在数据库添加,如何在网页上直接添加呢?我们可以用view来操作crud(增加Create.读取查询Retrieve.更新Update和删 ...

  10. dedecms如何去除后台登陆验证码

    用dedecms批量建站一般直接把文件打包复制,然后导入数据库,一个新网站就好了,但有时后台一直无法登录,提示验证码错误.那我们就想怎么把验证码关闭,现在就给大家解决织梦去掉后台登陆验证码.我们知道d ...