原 spring boot 集成YUI Compressor插件对js，css进行压缩，合并

版权声明：本文为博主原创文章，请尊重他人的劳动成果，转载请附上原文出处链接和本声明。
本文链接：https://www.91mszl.com/zhangwuji/article/details/1059

1 引入YUI Compressor插件

<groupId>net.alchim31.maven</groupId>
 <artifactId>yuicompressor-maven-plugin</artifactId>
<version>1.5.1</version>

2 完整pom.xml

<plugin>
             <groupId>org.springframework.boot</groupId>
             <artifactId>spring-boot-maven-plugin</artifactId>
             <version>2.1.4.RELEASE</version>
             <configuration>
                 <mainClass>com.manulife.job.Job_8888</mainClass>
             </configuration>
             <executions>
                 <execution>
                     <goals>
                         <goal>repackage</goal>
                     </goals>
                 </execution>
             </executions>
         </plugin>
         <plugin>
		        <!-- YUI Compressor Maven压缩插件 -->
                <groupId>net.alchim31.maven</groupId>
                <artifactId>yuicompressor-maven-plugin</artifactId>
                <version>1.5.1</version>
                <executions>
                    <execution>
                        <phase>prepare-package</phase>
                        <goals>
                            <goal>compress</goal>
                        </goals>
                    </execution>
                </executions>
                <configuration>
                    <encoding>UTF-8</encoding><!-- 读取js,css文件采用UTF-8编码 -->
                    <jswarn>false</jswarn><!-- 不显示js可能的错误 -->
                    <force>true</force><!-- 若存在已压缩的文件，会先对比源文件是否有改动,有改动便压缩，无改动就不压缩。true为一直执行压缩  -->
                    <nosuffix>false</nosuffix><!-- 压缩后是否保存文件后缀 -->
                    <linebreakpos>-1</linebreakpos><!-- 在指定的列号后插入新行 -->
                    <preProcessAggregates>true</preProcessAggregates><!-- 压缩之前先执行聚合文件操作 -->
                    <sourceDirectory>src/main/resources/static</sourceDirectory><!-- 源目录，即需压缩的根目录 -->
                    <outputDirectory>src/main/resources/static/min</outputDirectory><!-- 压缩后的目录 -->
                    <includes>
                        <include>css/**.css</include>
                        <include>js/**.js</include>
                    </includes>
                    <!-- 以下目录和文件不会被压缩 -->
			        <excludes>
			            <exclude>**/*.min.js</exclude>
			            <exclude>**/*.min.css</exclude>
			        </excludes>
			        
			        <!-- 聚合文件 -->
			        <aggregations>
	                    <aggregation>
		                    <insertNewLine>true</insertNewLine><!-- 合并每一个文件后插入一新行 -->
		                    <inputDir>src/main/resources/static/merge</inputDir><!-- 需合并文件的根文件夹 -->
		                    <output>src/main/resources/static/merge/all.js</output><!-- 最终合并的输出文件 -->
							<!-- 把以下js文件合并成一个js文件，是按顺序合并的 -->
		                    <includes>
								<include>**/jquery-1.11.3.min.js</include>
			                    <include>**/payMask.js</include>
			                    <include>**/userLogin.js</include>
		                    </includes>
	                    </aggregation>
					</aggregations>
                </configuration>
            </plugin>

3 我们的项目目录。

4 验证。对着项目右键  > Run As > Maven install 

从日志来看已经进行了压缩，接下来我们在来看项目中对应的变化。

可以看到已经对js进行了合并，并且css和js也进行了压缩处理。

感悟：每一次的成功，都是背后无数次的汗水浇灌而成的。