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. JS图片水印

    attendanceClick(userID,headImg,userName,company,scoreNmu) { let base64Image = 'assets/imagesaring.pn ...

  2. spring学习(01)之IOC

    spring学习(01)之IOC IOC:控制反转——Spring通过一种称作控制反转(IOC)的技术促进了低耦合.当应用了IOC,一个对象依赖的其它对象会通过被动的方式传递进来,而不是这个对象自己创 ...

  3. ZedBoard上运行linux系统的准备工作框架

    目标:ZedBoard上运行linux系统. 需要什么:图中上色部分. 应该做哪些工作:上色部分之前的所有步骤. 由上图得知,为了顺利在zedboard上构建嵌入式Linux操作系统,我们一般需要如下 ...

  4. MongoDB pymongo模块 更新数据

    现在chat集合里有3条数据 import pymongo mongo_client = pymongo.MongoClient( host='192.168.0.112', port=27017, ...

  5. shiro 身份授权+权限认证

    https://www.cnblogs.com/cmyxn/p/5825099.html

  6. Magento 2数据库EAV模型结构

     EAV模型是一种数据模型 ,用于描述实体的数量预计会很大,但事实上,实体中要使用的属性数量并不多. Magento 2这么设计是为了灵活性,在不影响主干的基础上,任意新增删除属性. EAV模型(E ...

  7. RN animated缩放动画

    效果图: 代码: import React, {Component} from 'react'; import { AppRegistry, StyleSheet, Text, Animated, T ...

  8. 20170731 培训Bootstrap

    Bootstrap使用 涉及培训内容框架:--1 html html为标记语言,可以理解为容器,就是用来承载你想要展示到网页的内容的容器.版本也有很多,不同版本表示不同的标记的新增或者取代. Boot ...

  9. 009-docker-安装-redis:5.0.3

    1.搜索镜像 docker search redis 2.拉取合适镜像 docker pull redis:5.0.3 docker images 3.使用镜像 docker run -p 6379: ...

  10. 反射入门-浅谈反射用途_根据Ado游标对象创建list集合

    本人大二菜鸟一只,今天在上课期间有个同学看着C#反射的内容说反射没什么用,一时之间也想不到什么更好的例子,就写了个根据泛型类型和游标反射创建List集合的Demo. 首先创建一个用于封装对应数据的en ...