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 파일에 삽입해야합니까?
감사
CSS 파일을 HTML에 어떻게 연결하고 있습니까? – samaxes