fingerprint maven plugin

指紋彈藥

指紋並優化Web資源。

關於

該插件執行多個優化：

• 資源指紋識別。
• JS/CSS縮小。使用Yuicompressor
• HTML縮小。

指紋

在此過程中，插件計算文件校驗和將其預先添加到文件名。該文件名的所有鏈接都將更改為指紋版本。原始文件將被刪除。指紋用於改善Web資源緩存。如果未更改文件校驗和，則名稱將相同，並且可以安全地添加最大到期標頭。一旦更改了文件內容，也將更改校驗和。該插件將（遞歸）過濾（遞歸）源目錄，使用下面的模式檢測任何資源，然後將結果（如果需要）複製到目標目錄。

以下模式用於檢測有資格的指紋資源：

• <link[^>]+href=["'](.*?)["'][^>]*>
• ["']([^s]*?.js)["']
• <img[^>]+src=["'](.*?)["'][^>]+>
• url(s*["']?(.*?)["']?s*)
• <c:url[^>]+value="(.*?)"[^>]+>

指紋識別後，可以安全地添加最大到期標頭。

要求

• 所有資源都應有絕對的路徑：
  • 有效： <img src="/img/test.png">
  • 無效： <img src="test.png">
• 支持JSP上下文路徑：
  • 有效： <img src="${pageContext.request.contextPath}/img/test.png">
  • 無效： <img src="${ pageContext.request.contextPath }/test.png">
• 所有資源都應指向現有文件，而無需進行任何預處理：
  • 有效： <img src="/img/test.png">
  • 無效： <img src="<c:if test="${var}">/img/test.png</c:if>"
  • 無效： <img src="${seome.variable}/img/test.png"

HTML縮小

在HTML降低期間：

• 標籤之間的所有額外空間將被刪除。除了pre 。
• type="text"將從input標籤中刪除，因為它的默認類型。

配置

• pom.xml中的配置插件：

			< plugin >
				< groupId >com.aerse.maven</ groupId >
				< artifactId >fingerprint-maven-plugin</ artifactId >
				< version >3.6</ version >
				< executions >
					< execution >
						< phase >package</ phase >
						< goals >
							< goal >generate</ goal >
						</ goals >
					</ execution >
				</ executions >
				< configuration >
					< excludeResources >
						< excludeResource >://</ excludeResource >
						< excludeResource >//</ excludeResource >
						< excludeResource >data:</ excludeResource >
					</ excludeResources >
<!-- ${basedir}/src/main/webapp by default -->
					< sourceDirectory >${basedir}/target/webcombined</ sourceDirectory >
<!-- ${project.build.directory}/optimized-webapp by default -->
					< targetDirectory >${basedir}/target/optimized-webapp</ targetDirectory >
<!-- Optional: set to 'false' to disable minification of HTML, JS and/or CSS. -->
					< minifyHtml >true</ minifyHtml >
					< minifyJs >true</ minifyJs >
					< minifyCss >true</ minifyCss >
<!-- Remove unnecessary spaces between tags. Make single line page. Takes into consideration <pre> tags -->
					< htmlExtensions >
						< htmlExtension >html</ htmlExtension >
						< htmlExtension >jsp</ htmlExtension >
						< htmlExtension >tag</ htmlExtension >
					</ htmlExtensions >
					< extensionsToFilter >
						< extensionToFilter >html</ extensionToFilter >
						< extensionToFilter >jsp</ extensionToFilter >
						< extensionToFilter >tag</ extensionToFilter >
						< extensionToFilter >css</ extensionToFilter >
						< extensionToFilter >js</ extensionToFilter >
					</ extensionsToFilter >
<!-- cdn host. Not required. For example using "//accountname.r.worldssl.net": /css/bootstrap.css -> //accountname.r.worldssl.net/css/<md5>bootstrap.css -->
					< cdn >${cdn}</ cdn >
<!-- fingerprinted filename. Could be [name].[ext]?hash=[hash] -->
					< namePattern >[hash][name].[ext]</ namePattern >
				</ configuration >
			</ plugin >

• 配置APACHE或NGINX，並具有最大到期標頭。以下示例是Nginx的配置：

        location ~ ^/.+.(ico|jpg|jpeg|gif|pdf|jar|png|js|css|txt|epf|ttf|svg|woff)$ {
            root         < your root content>;
            expires max;
            add_header Cache-Control public;
        }