用mvn实现打包时静态资源压缩

最新推荐文章于 2024-08-22 21:16:21 发布

不去天涯

最新推荐文章于 2024-08-22 21:16:21 发布

阅读量2.5k

点赞数

分类专栏：理清spring 文章标签： maven 资源压缩 compressor web工程

本文链接：https://blog.csdn.net/BuquTianya/article/details/53857653

版权

本文介绍了如何使用maven的yuicompressor-maven-plugin插件在打包时对web工程的js和css文件进行压缩，以减小文件大小。在配置插件时需要注意排除已压缩的文件，并将插件执行阶段设置为prepare-package。在遇到压缩错误时，可以通过修改变量名或排除某些文件来解决。此外，还分享了在Chrome中如何利用开发者工具格式化并调试压缩后的js文件。

摘要由CSDN通过智能技术生成

背景

在我们使用jquery、zepto、seajs、lazyload这些第三方js库的时候，总是能看到*-min.js的版本。

而且里面都是a,b,c,d,e,f,g这样的变量，在解析其他网站实现方式的时候，总是让人蛋疼。

这样做的目的就是为了压缩js文件，为什么能够起到压缩的效果呢？

比如，原来的变量名是var ohMyGodArray，压缩之后变成了var o，是不是一下子字节数就少了很多。而且，照这个思路的话，js里面变量数越少，重复使用度越高，压缩的比例越大。

那么，这怎么做呢？

使用maven实现

要实现压缩，需要用到yuicompressor-maven-plugin这个插件。

插件的功能就是在打包的时候把指定的资源文件压缩，放到目标目录里面。

看下xml配置，就明白了，用法很简单，在工程的pom.xml的project里面添加如下内容：

    <build>
        <finalName>myProject</finalName>
        <plugins> 
            <plugin>
                <artifactId>maven-war-plugin</artifactId>
                <version>2.4</version>
                <configuration>
                    <warSourceExcludes>**/*.js,**/*.css</warSourceExcludes>