2011-12-02 65 views
0

我想为maven使用YUI Compressor插件来压缩我的CSS和JavaScript,但我遇到了两个问题。YUI Compressor Maven插件在错误的时间执行和tomcat插件不使用yui压缩器输出

  1. 我的配置适当压缩和聚合JavaScript文件,但如果我跑mvn package做出war文件,Maven将压缩JavaScript文件之前,它的副本在src/main/webapp文件夹。这将覆盖所有压缩的CSS和JavaScript文件。我怎样才能解决这个问题?

  2. 如何让tomcat maven插件使用压缩的JavaScript文件而不是我的src/main/webapp/scripts文件夹中的文件?当我的应用程序试图读取all.js时,它失败,因为它位于target/目录中,而不在我的src/main/webapps文件夹中。

    <!-- Tomcat --> 
        <plugin> 
         <groupId>org.codehaus.mojo</groupId> 
         <artifactId>tomcat-maven-plugin</artifactId> 
         <version>1.1</version> 
         <configuration> 
          <warFile>target/myapp-1.0.war</warFile> 
         </configuration> 
        </plugin> 
    
        <!-- YUI Compressor --> 
        <plugin> 
         <groupId>net.alchim31.maven</groupId> 
         <artifactId>yuicompressor-maven-plugin</artifactId> 
         <executions> 
          <execution> 
           <goals> 
            <goal>compress</goal> 
           </goals> 
          </execution> 
         </executions> 
         <configuration> 
          <excludes> 
           <exclude>**/jwplayer.js</exclude> 
           <exclude>**/audio-player-noswfobject.js</exclude> 
           <exclude>**/audio-player-uncompressed.js</exclude> 
           <exclude>**/audio-player.js</exclude> 
           <exclude>**/jscharts.js</exclude> 
           <exclude>**/jquery-ui-1.8.16.custom.min.js</exclude> 
          </excludes> 
          <nosuffix>true</nosuffix> 
          <jswarn>false</jswarn> 
          <force>false</force> 
          <aggregations> 
           <aggregation> 
            <removeIncluded>false</removeIncluded> 
            <insertNewLine>true</insertNewLine> 
            <output>${project.build.directory}/${project.build.finalName}/scripts/all.js</output> 
            <includes> 
             <include>**/json/json2.js</include> 
             <include>**/jwplayer/jwplayer.js</include> 
             <include>**/font/font.js</include> 
             <include>**/underscore/underscore.js</include> 
             <include>**/jquery/jquery-1.7.1.js</include> 
             <include>**/jquery/jquery-ui-1.8.16.custom.min.js</include> 
             <include>**/jquery/jquery.cookie.js</include> 
             <include>**/jquery/jquery.fancybox.js</include> 
             <include>**/jquery/jquery.highlight.js</include> 
             <include>**/jquery/jquery.jcrop.js</include> 
             <include>**/jquery/jquery.tmpl.js</include> 
             <include>**/jquery/farbtastic.js</include> 
             <include>**/jscharts/jscharts.js</include> 
    
             <include>**/myapp/homepage.js</include> 
            </includes> 
           </aggregation> 
          </aggregations> 
         </configuration> 
        </plugin> 
    

或者,我只是要我的目标走错了路?

这里是打包战争时的maven输出。你可以看到,即使我告诉yui:compress目标,在预包装阶段,仍然是资源的复制之前发生,因为这发生在package阶段:

[INFO] ------------------------------------------------------------------------ 
[INFO] Building My App 1.0 
[INFO] ------------------------------------------------------------------------ 
Downloading: http://repo1.maven.org/maven2/net/alchim31/maven/yuicompressor-maven-plugin/maven-metadata.xml 
Downloading: http://snapshots.repository.codehaus.org/net/alchim31/maven/yuicompressor-maven-plugin/maven-metadata.xml 
Downloading: http://download.java.net/maven/2/net/alchim31/maven/yuicompressor-maven-plugin/maven-metadata.xml 
Downloading: http://oss.sonatype.org/content/groups/public/net/alchim31/maven/yuicompressor-maven-plugin/maven-metadata.xml 
Downloaded: http://oss.sonatype.org/content/groups/public/net/alchim31/maven/yuicompressor-maven-plugin/maven-metadata.xml (442 B at 2.1 KB/sec) 
Downloaded: http://repo1.maven.org/maven2/net/alchim31/maven/yuicompressor-maven-plugin/maven-metadata.xml (403 B at 0.9 KB/sec) 
[INFO] 
[INFO] --- maven-resources-plugin:2.4.3:resources (default-resources) @ myapp --- 
[INFO] Using 'UTF-8' encoding to copy filtered resources. 
[INFO] Copying 26 resources 
[INFO] Copying 4 resources 
[INFO] 
[INFO] --- maven-compiler-plugin:2.3.2:compile (default-compile) @ myapp --- 
[INFO] Nothing to compile - all classes are up to date 
[INFO] 
[INFO] --- maven-compiler-plugin:2.3.2:compile (default) @ myapp --- 
[INFO] Nothing to compile - all classes are up to date 
[INFO] 
[INFO] --- aspectj-maven-plugin:1.3:compile (default) @ myapp --- 
[INFO] 
[INFO] --- maven-resources-plugin:2.4.3:testResources (default-testResources) @ myapp --- 
[INFO] Using 'UTF-8' encoding to copy filtered resources. 
[INFO] Copying 11 resources 
[INFO] 
[INFO] --- maven-compiler-plugin:2.3.2:testCompile (default-testCompile) @ myapp --- 
[INFO] Nothing to compile - all classes are up to date 
[INFO] 
[INFO] --- aspectj-maven-plugin:1.3:test-compile (default) @ myapp --- 
[INFO] No modifications found skipping aspectJ compile 
[INFO] 
[INFO] --- maven-surefire-plugin:2.6:test (default-test) @ myapp --- 
[INFO] Tests are skipped. 
[INFO] 
[INFO] --- yuicompressor-maven-plugin:1.2:compress (default) @ myapp --- 
[INFO] 960.css (9989b) -> 960.css (5897b)[59%] 
[INFO] base.css (24210b) -> base.css (16437b)[67%] 
[INFO] reset.css (2062b) -> reset.css (1096b)[53%] 
[INFO] text.css (1270b) -> text.css (598b)[47%] 
[INFO] tinymce.css (1994b) -> tinymce.css (1277b)[64%] 
[INFO] jquery.fancybox-1.3.4.css (8852b) -> jquery.fancybox-1.3.4.css (6975b)[78%] 
[INFO] farbtastic.css (1362b) -> farbtastic.css (478b)[35%] 
[INFO] jquery.jcrop.css (748b) -> jquery.jcrop.css (582b)[77%] 
[INFO] base.css (34567b) -> base.css (25034b)[72%] 
[INFO] jquery-ui-1.8.11.custom.css (33994b) -> jquery-ui-1.8.11.custom.css (25351b)[74%] 
.... (tons of javascript files) 
[INFO] why.js (515b) -> why.js (354b)[68%] 
[INFO] underscore.js (26960b) -> underscore.js (9472b)[35%] 
[INFO] total input (1832512b) -> output (1198425b)[65%] 
[INFO] generate aggregation : C:\Users\egervari\IdeaProjects\myapp-development\target\myapp-1.0\scripts\all.js 
[INFO] all.js (564342b) 
[INFO] nb warnings: 0, nb errors: 0 
[INFO] 
[INFO] --- maven-war-plugin:2.1.1:war (default-war) @ myapp --- 
[INFO] Packaging webapp 
[INFO] Assembling webapp [myapp] in [C:\Users\egervari\IdeaProjects\myapp-development\target\myapp-1.0] 
[INFO] Processing war project 
[INFO] Copying webapp resources [C:\Users\egervari\IdeaProjects\myapp-development\src\main\webapp] 

即使改变阶段所做的工作,那么我也必须在tomcat:run之前得到这个压缩文件。

是行家只为你认为错误的工作工具?或者是maven/java只是没有达到与重JavaScript开发鼻烟?为什么这么难?

+0

尝试将yui压缩机置于其他阶段(例如准备包装) – khmarbaise

+0

@khmarbaise我试过这个。问题在于这个阶段仍然发生在包装阶段之前。复制发生在软件包阶段内部。我很茫然。我即将完全放弃这种方法。我认为这种压缩/聚合可能必须在服务器上传后,我上传的战争,其中......说实话...糟透了:(我也不会真的有一个方便的方式来测试我的生产JavaScript通过tomcat在我的开发机器之前,我只是运行tomcat:运行,就是这样,我真的不想让我的开发环境复杂化 – egervari

+0

@khmarbaise看来maven并不是这个意思,也不是春天。大多数现代Web框架现在都有这个特性,但是Java真的处于石器时代,这太糟糕了,这是一个大型的现有项目,我必须得到一些工作,我想我可以将生产JavaScript输出回我的'src/main/webapp/script'目录下,这是我唯一能想到的东西,在我的源代码目录下的每个文件的普通版本和.min版本中生活会很糟糕吗?这看起来不太干净:/ – egervari

回答

3

我遇到类似的问题,我改变了我的阶段包。希望这会帮助其他人。

这是棘手。这与nosuffix配置选项有关。如果您删除nosuffix选项,缩小按预期工作。

如果你真的不得不nosuffix那么你需要执行阶段更改为“包”。

<executions> 
     <execution> 
     <phase>package</phase> 
      <goals> 
    ...... 
    ..... 

任何阶段之前准备资源不起作用,因为战争是建立时,它从原来的源位置拿起JS,从而覆盖缩小的JS(创建过程中准备资源相)在目标目录。

缩小在删除nosuffix时起作用,因为在包阶段,文件名称不同,因此不会覆盖文件,您将在目标目录中看到缩小和非缩小的js文件。

0

要解决此问题,您可以事端等。

(1)放入的src/main/JS你的个人编码的JavaScript没有的src/main/webapp的。对JS放置使用mvn约定。 *注意:对于包含的图书馆,例如jQuery或其他任何东西,你可以将它们转储到src/main/webapp中,这很好。那些已经最小化了JavaScript,你永远不会修改。(2)调整你的YUI插件(a)忽略你没有编码的javascript,(b)编译压缩的javascript到一个输出文件夹。

 <plugin> 
      <groupId>net.alchim31.maven</groupId> 
      <artifactId>yuicompressor-maven-plugin</artifactId> 
      <version>1.5.1</version> 
      <executions> 
       <execution> 
        <goals> 
         <goal>compress</goal> 
        </goals> 
       </execution> 
      </executions> 
      <configuration> 
       <nosuffix>true</nosuffix> 

       <excludes> 
        <exclude>**/ui-framework/**</exclude> 
       </excludes> 
       <outputDirectory>${yui.outputdir}</outputDirectory> 
      </configuration> 
     </plugin> 

所以用这个,我们可以做以下练习。

mvn process-resources 


└── target 
├── classes 
│   ├── default.logback.xml 
│   └── props 
│    ├── default.props 
│    └── production.default.props 
├── packageLinkDefs.properties 
└── yui-compressed 
    └── jasmineDummyExample_element_mover.js 

这里的关键是,YUI正在编译压缩的JavaScript到自己的输出文件夹,战争插件不知道它。 (3)最后你只需要调整你的war插件来复制yui编译的源代码。

只要你遵循JavaScript规范的maven,你的javascript应该在src/main/js /下编码,默认情况下你的war插件不会复制你的javascipt(听起来很奇怪吧?)。

默认情况下,你的war插件将复制src/main/webapp下的任何静态资源。 这很方便,因为它允许您指示war插件保持将src/main/webapp复制到最终war文件的默认行为,此外还可以复制/ src/target/yui-compressed文件夹。以这种方式,两个文件夹中都没有重叠文件,输出目录中没有文件覆盖。

这下面的代码片段所示:

$ mvn war:war 
[INFO] Scanning for projects... 
[INFO] 
[INFO] ------------------------------------------------------------------------ 
[INFO] Building lift-someproject Project 1.0 
[INFO] ------------------------------------------------------------------------ 
[INFO] 
[INFO] --- maven-war-plugin:2.5:war (default-cli) @ lift-someproject --- 
[INFO] Packaging webapp 
[INFO] Assembling webapp [lift-someproject] in [D:\scalaWorkspace\liftsomeprojectTwo\lift-someproject\target\lift-someproject] 
[INFO] Processing war project 
[INFO] Copying webapp webResources [D:\scalaWorkspace\liftsomeprojectTwo\lift-someproject\target\yui-compressed] to [D:\scalaWorkspace\liftsomeprojectTwo\lift-someproject\target\lift-someproject] 
[INFO] Copying webapp resources [D:\scalaWorkspace\liftsomeprojectTwo\lift-someproject\src\main\webapp] 
[INFO] Webapp assembled in [820 msecs] 
[INFO] Building war: D:\scalaWorkspace\liftsomeprojectTwo\lift-someproject\target\lift-someproject.war 
[INFO] ------------------------------------------------------------------------ 
[INFO] BUILD SUCCESS 
[INFO] ------------------------------------------------------------------------ 
[INFO] Total time: 12.968s 
[INFO] Finished at: Tue Dec 23 20:17:59 CET 2014 
[INFO] Final Memory: 11M/246M 
[INFO] ------------------------------------------------------------------------ 

你可以调整你的WAR文件要知道你不压碎衣压缩JS文件的特殊文件夹:

<plugin> 
      <groupId>org.apache.maven.plugins</groupId> 
      <artifactId>maven-war-plugin</artifactId> 
      <version>2.5</version> 
      <configuration> 
       <webResources> 
        <resource> 
         <directory>${yui.outputdir}</directory> 
         <targetPath>js</targetPath> 
        </resource> 
       </webResources> 
      </configuration> 
     </plugin> 

如果您使用Jetty进行快速开发,您需要进一步研究该插件,以确保它在src/main/js中找到您的手工编码javascript。

这应该工作。