maven中用yuicompressor和closure-compiler对js、css文件进行压缩

本文介绍使用Maven进行JS和CSS文件压缩的方法,包括yuicompressor-maven-plugin的配置及利用谷歌closure-compiler和maven-antrun-plugin实现更高级的压缩方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

项目采用maven构建的时候,需要压缩js,css等,网上找了相关资料,自己综合了下~

直接放代码:


<!-- js压缩 -->
<plugin>
<groupId>net.alchim31.maven</groupId>
<artifactId>yuicompressor-maven-plugin</artifactId>
<version>1.3.0</version>
<executions>
<execution>
<phase>install</phase>
<goals>
<goal>compress</goal>
</goals>
<configuration>
<excludes>
<exclude>**/*.min.js</exclude>
<exclude>**/*-min.js</exclude>
</excludes>
<nosuffix>true</nosuffix>
<linebreakpos>-1</linebreakpos>
</configuration>
</execution>
</executions>
</plugin>
<!-- native2ascii -->
<plugin>
<groupId>org.codehaus.mojo</groupId>
<artifactId>native2ascii-maven-plugin</artifactId>
<version>1.0-beta-1</version>
<executions>
<execution>
<phase>install</phase>
<goals>
<goal>native2ascii</goal>
</goals>
<configuration>
<workDir>${project.build.directory}/${project.build.finalName}</workDir>
<excludes>
<exclude>**/*.css</exclude>
</excludes>
<includes>
<include>resources/js/*.js</include>
</includes>
</configuration>
</execution>
</executions>
</plugin>


[color=red]更喜欢采用谷歌的closure-compiler + maven-antrun-plugin
[/color]


<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-dependency-plugin</artifactId>
<version>2.4</version>
<executions>
<execution>
<phase>validate</phase>
<goals>
<goal>copy</goal>
</goals>
<configuration>
<artifactItems>
<artifactItem>
<groupId>com.google.javascript</groupId>
<artifactId>closure-compiler</artifactId>
<version>r1810</version>
<type>jar</type>
<overWrite>true</overWrite>
<outputDirectory>${project.build.directory}/compressor</outputDirectory>
<destFileName>closure-compiler.jar</destFileName>
</artifactItem>
<artifactItem>
<groupId>com.yahoo.platform.yui</groupId>
<artifactId>yuicompressor</artifactId>
<version>2.4.6</version>
<type>jar</type>
<overWrite>true</overWrite>
<outputDirectory>${project.build.directory}/compressor</outputDirectory>
<destFileName>yuicompressor.jar</destFileName>
</artifactItem>
</artifactItems>
</configuration>
</execution>
</executions>
</plugin>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-antrun-plugin</artifactId>
<version>1.7</version>
<executions>
<execution>
<phase>install</phase>
<goals>
<goal>run</goal>
</goals>
<configuration>
<tasks>
<echo message="开始压缩 JS 文件. 请耐心等待!" />
<property name="yuicompressor" value="${project.build.directory}/compressor/yuicompressor.jar" />
<property name="closure-compiler" value="${project.build.directory}/compressor/closure-compiler.jar" />
<property name="css.compress.directory" value="${project.build.directory}/${project.build.finalName}/resources" />
<property name="js.compress.directory" value="${css.compress.directory}/js" />
<apply executable="java" parallel="false" failonerror="true" dest="${js.compress.directory}">
<fileset dir="${js.compress.directory}" includes="**/*.js" />
<arg line="-jar" />
<arg path="${closure-compiler}" />
<arg line="--warning_level DEFAULT" />
<arg line="--compilation_level SIMPLE_OPTIMIZATIONS" />
<arg line="--js" />
<srcfile />
<arg line="--js_output_file" />
<targetfile />
<mapper type="regexp" from="^(.*)\.(js)$" to="\1-min.\2" />
</apply>
<move todir="${js.compress.directory}">
<fileset dir="${js.compress.directory}" includes="**/*.js" />
<mapper type="regexp" from="^(.*)-min\.(js)$" to="\1.\2" />
</move>
<echo message="成功压缩 JS 文件" />
<echo message="开始压缩 CSS 文件. 请耐心等待!" />
<apply executable="java" parallel="false" failonerror="true" dest="${css.compress.directory}">
<fileset dir="${css.compress.directory}" includes="**/*.css" />
<arg line="-jar" />
<arg path="${yuicompressor}" />
<arg line="--charset UTF-8" />
<arg value="--type"/>
<arg value="css"/>
<srcfile />
<arg line="-o" />
<targetfile />
<mapper type="regexp" from="^(.*)\.(css)$" to="\1-min.\2" />
</apply>
<move todir="${css.compress.directory}">
<fileset dir="${css.compress.directory}" includes="**/*.css" />
<mapper type="regexp" from="^(.*)-min\.(css)$" to="\1.\2" />
</move>
<echo message="成功压缩 CSS 文件" />
</tasks>
</configuration>
</execution>
</executions>
</plugin>

JQUERY 的压缩工具 uglifyjs版本的配置,必须要有nodejs环境 (executable="node")即在cmd中能够执行 node --version. uglifyjs可以在https://github.com/mishoo/UglifyJS 下载,下载后续稍稍修改bin/uglifyjs,把里面的

var uglify = require("uglify-js")


修改为

var uglify = require("./uglify-js");//或者 ../uglify-js

因为uglify-js默认是在bin目录外面的。

如需更新uglify的版本,每次覆盖相应文件,只修改上面文件即可。


<echo message="开始压缩 JS 文件. 请耐心等待!" />
<property name="uglifyjs" value="${project.build.directory}/compressor/uglify/uglifyjs" />
<property name="yuicompressor" value="${project.build.directory}/compressor/yuicompressor.jar" />
<property name="closure-compiler" value="${project.build.directory}/compressor/closure-compiler.jar" />
<property name="css.compress.directory" value="${project.build.directory}/${project.build.finalName}/resources" />
<property name="js.compress.directory" value="${css.compress.directory}/js" />
<apply executable="node" parallel="false" failonerror="true" dest="${js.compress.directory}">
<fileset dir="${js.compress.directory}" includes="**/*.js" />
<arg line=" ${uglifyjs}" />
<arg line=" --ascii" />
<arg line=" -o" />
<targetfile />
<srcfile />
<mapper type="regexp" from="^(.*)\.(js)$" to="\1-min.\2" />
</apply>
<move todir="${js.compress.directory}">
<fileset dir="${js.compress.directory}" includes="**/*.js" />
<mapper type="regexp" from="^(.*)-min\.(js)$" to="\1.\2" />
</move>
### 解决PyCharm无法加载Conda虚拟环境的方法 #### 配置设置 为了使 PyCharm 能够成功识别并使用 Conda 创建的虚拟环境,需确保 Anaconda 的路径已正确添加至系统的环境变量中[^1]。这一步骤至关重要,因为只有当 Python 解释器及其关联工具被加入 PATH 后,IDE 才能顺利找到它们。 对于 Windows 用户而言,在安装 Anaconda 时,默认情况下会询问是否将它添加到系统路径里;如果当时选择了否,则现在应该手动完成此操作。具体做法是在“高级系统设置”的“环境变量”选项内编辑 `Path` 变量,追加 Anaconda 安装目录下的 Scripts 文件夹位置。 另外,建议每次新建项目前都通过命令行先激活目标 conda env: ```bash conda activate myenvname ``` 接着再启动 IDE 进入工作区,这样有助于减少兼容性方面的问题发生概率。 #### 常见错误及修复方法 ##### 错误一:未发现任何解释器 症状表现为打开 PyCharm 新建工程向导页面找不到由 Conda 构建出来的 interpreter 列表项。此时应前往 Preferences/Settings -> Project:...->Python Interpreter 下方点击齿轮图标选择 Add...按钮来指定自定义的位置。按照提示浏览定位到对应版本 python.exe 的绝对地址即可解决问题。 ##### 错误二:权限不足导致 DLL 加载失败 有时即使指定了正确的解释器路径,仍可能遇到由于缺乏适当的操作系统级许可而引发的功能缺失现象。特别是涉及到调用某些特定类型的动态链接库 (Dynamic Link Library, .dll) 时尤为明显。因此拥有管理员身份执行相关动作显得尤为重要——无论是从终端还是图形界面触发创建新 venv 流程均如此处理能够有效规避此类隐患。 ##### 错误三:网络连接异常引起依赖下载超时 部分开发者反馈过因网速慢或者其他因素造成 pip install 操作中途断开进而影响整个项目的初始化进度条卡住的情况。对此可尝试调整镜像源加速获取速度或是离线模式预先准备好所需资源包后再继续后续步骤。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值