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. Django实现邮件发送功能

    首先申请邮箱并在设置中申请到授权码,授权码的目的仅仅是让你有权限发邮件,但是不能登录到邮箱进行修改,发送邮件时,可以代替密码 1,配置文件settings.py #邮件服务配置文件 EMAIL_USE ...

  2. tomcat停止和启动脚本

    日常重启tomcat比较麻烦,所以写了2个脚本,在脚本后输入tomcat名称即可 启动或重启tomcat #!/bin/sh TOMCAT_HOME=/usr/java/$1 if [ ! -n &q ...

  3. 如何进行Django单元测试

    如何进行Django单元测试 Django的单元测试使用python的unittest模块,这个模块使用基于类的方法来定义测试.类名为django.test.TestCase,继承于python的un ...

  4. Pycharm常用配置

    Pycharm常用配置 pycharm中的设置是可以导入和导出的,file>export settings 可以保存当前pycharm中的设置为jar文件,重装时可以直接import setti ...

  5. 使用SQL Server 的CDC功能实现数据变更捕获

    USE t; GO --开启某个数据库的CDC功能 exec sys.sp_cdc_enable_db GO --is_cdc_enabled栏位为1代表开启CDC功能了 SELECT is_cdc_ ...

  6. Python3学习之路~5.2 time & datetime模块

    time模块 时间相关的操作,时间有三种表示方式: 时间戳               1970年1月1日之后的秒,即:time.time() 格式化的字符串    2014-11-11 11:11, ...

  7. ssh工具自动化命令

    SCP命令 scp [options] SRC... DEST/ 两种方式: scp [options] [user@]host:/sourcefile  /destpath scp [options ...

  8. w97常用功能代码

    1,onclick中添加日期控件 2,onpicked事件即是点击控件后触发的事件 3,dp.cal.getNewDateStr()即是点击到的日期字符串 <script> functio ...

  9. Hive SQL测试

    在spark的空表test上进行运算,注意结果差异: ,age)) as ages from test group by name;//空 ,age)) as ages from test group ...

  10. php 代码复用机制

    https://juejin.im/entry/5927ec4544d904006413f61d 提到 php 的代码复用,我们可能第一时间会想到继承,但是这种单继承语言一旦派生的子类过多,那么会产生 ...