2013-05-30 2 views
0

최근에 제 주요 CSS 파일을 @import 기능을 사용하여 다양한 작은 파일들로 나누었습니다.Maven 플러그인을 축소하십시오. CSS

내가 페이지 로딩 시간이 감소하고 스크립트의 축소 메이븐 플러그인 건너 할 수있는 방법을 연구 한 - 위의 링크의 예를 사용 http://samaxes.github.io/minify-maven-plugin/

을, 나는 웹에서 내 POM 파일에 다음을 추가 한 내 프로젝트의 층 :

<!-- Minify Maven CSS Start --> 
    <plugin> 
    <groupId>com.samaxes.maven</groupId> 
    <artifactId>minify-maven-plugin</artifactId> 
    <version>1.7</version> 
    <executions> 
     <execution> 
     <id>default-minify</id> 
     <phase>process-resources</phase> 
     <configuration> 
      <charset>utf-8</charset> 
      <jsEngine>closure</jsEngine> 
      <cssSourceDir>/web/src/main/resources/css</cssSourceDir> 
      <cssSourceFiles> 
      <cssSourceFile>footer.css</cssSourceFile> 
      <cssSourceFile>images.css</cssSourceFile> 
      <cssSourceFile>buttons.css</cssSourceFile> 
      <cssSourceFile>dialogs.css</cssSourceFile> 
      <cssSourceFile>header.css</cssSourceFile> 
      <cssSourceFile>icons.css</cssSourceFile> 
      <cssSourceFile>shapes.css</cssSourceFile> 
      <cssSourceFile>main.css</cssSourceFile> 
      <cssSourceFile>tables.css</cssSourceFile> 
      <cssSourceFile>fonts.css</cssSourceFile> 
      <cssSourceFile>margins.css</cssSourceFile> 
      <cssSourceFile>lists.css</cssSourceFile> 
      <cssSourceFile>threads.css</cssSourceFile> 
      <cssSourceFile>posts.css</cssSourceFile> 
      <cssSourceFile>margins.css</cssSourceFile> 
      </cssSourceFiles> 
      <cssFinalFile>core.css</cssFinalFile> 
      <!-- <jsSourceDir>js</jsSourceDir> 
      <jsSourceFiles> 
      <jsSourceFile>file-1.js</jsSourceFile>--> 
      <!-- ... --> 
      <!-- <jsSourceFile>file-n.js</jsSourceFile> 
      </jsSourceFiles> 
      <jsFinalFile>script.js</jsFinalFile>--> 
     </configuration> 
     <goals> 
      <goal>minify</goal> 
     </goals> 
     </execution> 
    </executions> 
    </plugin> 
    <!-- Minify Maven CSS End --> 

브라우저에서 테스트, 어떤 차이가없는 것 같다.

내 프로젝트에 파일을 설치/배치해야합니까?

위의 코드를 웹이 아닌 기본 POM 파일에 삽입해야합니까?

감사

+0

CSS 파일을 HTML에 어떻게 연결하고 있습니까? – samaxes

답변

0

당신은 출력을 위해 WAR 파일을 확인해야합니다.

기본적으로 플러그인은 CSS 또는 JS 파일 참조를 변경하지 않습니다 (추가하려면 an open issue이 있지만). 또한 WAR에서 파일을 제거하지 않습니다.

오히려 원하는 경우 와일드 카드를 사용하여 CSS 파일을 자동으로 찾을 수 있습니다. 예 :

<cssSourceIncludes> 
    <cssSourceInclude>*.css</cssSourceInclude> 
</cssSourceIncludes> 
관련 문제