maven中用yuicompressor和closure-compiler對js、css文件進行壓縮

時間  2019-11-12
標籤 maven 中用 yuicompressor closure compiler css 文件 進行 壓縮 欄目 Maven 简体版
原文   原文鏈接

轉載自：http://matychen.iteye.com/blog/1477350javascript


項目採用maven構建的時候，須要壓縮js，css等，網上找了相關資料，本身綜合了下～ 

直接放代碼： 

css

Xml代碼   收藏代碼
  1. <!-- js壓縮 -->  
  2.             <plugin>  
  3.                 <groupId>net.alchim31.maven</groupId>  
  4.                 <artifactId>yuicompressor-maven-plugin</artifactId>  
  5.                 <version>1.3.0</version>  
  6.                 <executions>  
  7.                     <execution>  
  8.                         <phase>install</phase>  
  9.                         <goals>  
  10.                             <goal>compress</goal>  
  11.                         </goals>  
  12.                         <configuration>  
  13.                             <excludes>  
  14.                                 <exclude>**/*.min.js</exclude>  
  15.                                 <exclude>**/*-min.js</exclude>  
  16.                             </excludes>  
  17.                             <nosuffix>true</nosuffix>  
  18.                             <linebreakpos>-1</linebreakpos>  
  19.                         </configuration>  
  20.                     </execution>  
  21.                 </executions>  
  22.             </plugin>  
  23.             <!-- native2ascii -->  
  24.             <plugin>  
  25.                 <groupId>org.codehaus.mojo</groupId>  
  26.                 <artifactId>native2ascii-maven-plugin</artifactId>  
  27.                 <version>1.0-beta-1</version>  
  28.                 <executions>  
  29.                     <execution>  
  30.                         <phase>install</phase>  
  31.                         <goals>  
  32.                             <goal>native2ascii</goal>  
  33.                         </goals>  
  34.                         <configuration>  
  35.                             <workDir>${project.build.directory}/${project.build.finalName}</workDir>  
  36.                             <excludes>  
  37.                                 <exclude>**/*.css</exclude>  
  38.                             </excludes>  
  39.                             <includes>  
  40.                                 <include>resources/js/*.js</include>  
  41.                             </includes>  
  42.                         </configuration>  
  43.                     </execution>  
  44.                 </executions>  
  45.             </plugin>  


更喜歡採用谷歌的closure-compiler + maven-antrun-plugin 

Xml代碼   收藏代碼
  1. <plugin>  
  2.                 <groupId>org.apache.maven.plugins</groupId>  
  3.                 <artifactId>maven-dependency-plugin</artifactId>  
  4.                 <version>2.4</version>  
  5.                 <executions>  
  6.                     <execution>  
  7.                         <phase>validate</phase>  
  8.                         <goals>  
  9.                             <goal>copy</goal>  
  10.                         </goals>  
  11.                         <configuration>  
  12.                             <artifactItems>  
  13.                                 <artifactItem>  
  14.                                     <groupId>com.google.javascript</groupId>  
  15.                                     <artifactId>closure-compiler</artifactId>  
  16.                                     <version>r1810</version>  
  17.                                     <type>jar</type>  
  18.                                     <overWrite>true</overWrite>  
  19.                                     <outputDirectory>${project.build.directory}/compressor</outputDirectory>  
  20.                                     <destFileName>closure-compiler.jar</destFileName>  
  21.                                 </artifactItem>  
  22.                                 <artifactItem>  
  23.                                     <groupId>com.yahoo.platform.yui</groupId>  
  24.                                     <artifactId>yuicompressor</artifactId>  
  25.                                     <version>2.4.6</version>  
  26.                                     <type>jar</type>  
  27.                                     <overWrite>true</overWrite>  
  28.                                     <outputDirectory>${project.build.directory}/compressor</outputDirectory>  
  29.                                     <destFileName>yuicompressor.jar</destFileName>  
  30.                                 </artifactItem>  
  31.                             </artifactItems>  
  32.                         </configuration>  
  33.                     </execution>  
  34.                 </executions>  
  35.             </plugin>  
  36.             <plugin>  
  37.                 <groupId>org.apache.maven.plugins</groupId>  
  38.                 <artifactId>maven-antrun-plugin</artifactId>  
  39.                 <version>1.7</version>  
  40.                 <executions>  
  41.                     <execution>  
  42.                         <phase>install</phase>  
  43.                         <goals>  
  44.                             <goal>run</goal>  
  45.                         </goals>  
  46.                         <configuration>  
  47.                             <tasks>  
  48.                                 <echo message="開始壓縮 JS 文件. 請耐心等待！" />  
  49.                                 <property name="yuicompressor" value="${project.build.directory}/compressor/yuicompressor.jar" />  
  50.                                 <property name="closure-compiler" value="${project.build.directory}/compressor/closure-compiler.jar" />  
  51.                                 <property name="css.compress.directory" value="${project.build.directory}/${project.build.finalName}/resources" />  
  52.                                 <property name="js.compress.directory" value="${css.compress.directory}/js" />  
  53.                                 <apply executable="java" parallel="false" failonerror="true" dest="${js.compress.directory}">  
  54.                                     <fileset dir="${js.compress.directory}" includes="**/*.js" />  
  55.                                     <arg line="-jar" />  
  56.                                     <arg path="${closure-compiler}" />  
  57.                                     <arg line="--warning_level DEFAULT" />  
  58.                                     <arg line="--compilation_level SIMPLE_OPTIMIZATIONS" />  
  59.                                     <arg line="--js" />  
  60.                                     <srcfile />  
  61.                                     <arg line="--js_output_file" />  
  62.                                     <targetfile />  
  63.                                     <mapper type="regexp" from="^(.*)\.(js)$" to="\1-min.\2" />  
  64.                                 </apply>  
  65.                                 <move todir="${js.compress.directory}">  
  66.                                     <fileset dir="${js.compress.directory}" includes="**/*.js" />  
  67.                                     <mapper type="regexp" from="^(.*)-min\.(js)$" to="\1.\2" />  
  68.                                 </move>  
  69.                                 <echo message="成功壓縮 JS 文件" />  
  70.                                 <echo message="開始壓縮 CSS 文件. 請耐心等待！" />  
  71.                                 <apply executable="java" parallel="false" failonerror="true" dest="${css.compress.directory}">  
  72.                                     <fileset dir="${css.compress.directory}" includes="**/*.css" />  
  73.                                     <arg line="-jar" />  
  74.                                     <arg path="${yuicompressor}" />  
  75.                                     <arg line="--charset UTF-8" />  
  76.                                     <arg value="--type"/>  
  77.                                     <arg value="css"/>  
  78.                                     <srcfile />  
  79.                                     <arg line="-o" />  
  80.                                     <targetfile />  
  81.                                     <mapper type="regexp" from="^(.*)\.(css)$" to="\1-min.\2" />  
  82.                                 </apply>  
  83.                                 <move todir="${css.compress.directory}">  
  84.                                     <fileset dir="${css.compress.directory}" includes="**/*.css" />  
  85.                                     <mapper type="regexp" from="^(.*)-min\.(css)$" to="\1.\2" />  
  86.                                 </move>  
  87.                                 <echo message="成功壓縮 CSS 文件" />  
  88.                             </tasks>  
  89.                         </configuration>  
  90.                     </execution>  
  91.                 </executions>  
  92.             </plugin>  

JQUERY 的壓縮工具 uglifyjs版本的配置，必需要有nodejs環境 （executable="node"）即在cmd中可以執行 node --version. uglifyjs能夠在https://github.com/mishoo/UglifyJS 下載，下載後續稍稍修改bin/uglifyjs，把裏面的 
Js代碼   收藏代碼
  1. var uglify = require("uglify-js")  


修改成 
Js代碼   收藏代碼
  1. var uglify = require("./uglify-js");//或者 ../uglify-js  

由於uglify-js默認是在bin目錄外面的。 

如需更新uglify的版本，每次覆蓋相應文件，只修改上面文件便可。 

Xml代碼   收藏代碼
  1. <echo message="開始壓縮 JS 文件. 請耐心等待！" />  
  2.                                 <property name="uglifyjs" value="${project.build.directory}/compressor/uglify/uglifyjs" />  
  3.                                 <property name="yuicompressor" value="${project.build.directory}/compressor/yuicompressor.jar" />  
  4.                                 <property name="closure-compiler" value="${project.build.directory}/compressor/closure-compiler.jar" />  
  5.                                 <property name="css.compress.directory" value="${project.build.directory}/${project.build.finalName}/resources" />  
  6.                                 <property name="js.compress.directory" value="${css.compress.directory}/js" />  
  7.                                 <apply executable="node" parallel="false" failonerror="true" dest="${js.compress.directory}">  
  8.                                     <fileset dir="${js.compress.directory}" includes="**/*.js" />  
  9.                                     <arg line=" ${uglifyjs}" />  
  10.                                     <arg line=" --ascii" />  
  11.                                     <arg line=" -o" />  
  12.                                     <targetfile />  
  13.                                     <srcfile />  
  14.                                     <mapper type="regexp" from="^(.*)\.(js)$" to="\1-min.\2" />  
  15.                                 </apply>  
  16.                                 <move todir="${js.compress.directory}">  
  17.                                     <fileset dir="${js.compress.directory}" includes="**/*.js" />  
  18.                                     <mapper type="regexp" from="^(.*)-min\.(js)$" to="\1.\2" />  
  19.                                 </move>  
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程