如果你不知道UglifyJS就out了,jquery的官方压缩工具啦~
本来UglifyJS没有windows的客户端压缩工具,后来自己参照YUI的BAT工具(好像是淘宝一个哥们写的)改写了一个,具体见下面的说明。
REM =====================================
REM YUI Compressor CMD Script
REM
REM - by yubo@taobao.com
REM - 2009-02-12
REM =====================================
自己修改后的:
UglifyJS
安装指南
=========
安装步骤:
0. 安装nodejs运行环境:http://nodejs.org/,设置nodejs的安装目录到PATH中,一句话CMD中输入 node --version:
--->C:\Users\xin>node --version
--->v0.6.15
1. 安装请点击 install.cmd
2. 卸载请点击 uninstall.cmd
3. 如果安装过之前的版本,请先卸载老版本
压缩测试:
选中 test.js, 执行右键菜单“Process with UglifyJS”,会生成 test-min.js.
注意需要nodejs环境,怎么安装?自己谷歌吧,还有jsp里面的script标签要标准哦,只能是:"<script>"和'<script type="text/javascript">',其他的自己去写吧,text.indexOf('<script type="text/javascript">')
当然我觉得这个工具最好能支持压缩jsp里的js代码啦,所以自己看了下bin下面的uglifyjs文件,无非就是一些js的函数,找到了修改代码的切入点:output(squeeze_it(text)),接下来就好办了,下图为修改前后的对比:
最后看看实际效果图吧:
最后附上maven下面的压缩脚本:
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-resources-plugin</artifactId>
<version>2.5</version>
<executions>
<execution>
<id>copy-config</id>
<goals>
<goal>copy-resources</goal>
</goals>
<phase>compile</phase>
<configuration>
<outputDirectory>${project.build.directory}</outputDirectory>
<resources>
<resource>
<directory>src/test/resources</directory>
<includes>
<include>uglify/*</include>
<include>uglify/lib/*</include>
</includes>
</resource>
</resources>
</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>
<target>
<echo message="开始用uglifyjs压缩 JSP 文件. 请耐心等待!" />
<property name="uglifyjs" value="${project.build.directory}/uglify/uglifyjs" />
<property name="jsp.compress.directory" value="${project.build.directory}/${project.build.finalName}/WEB-INF" />
<apply executable="node" parallel="false" failonerror="true" dest="${jsp.compress.directory}">
<fileset dir="${jsp.compress.directory}" includes="**/*.jsp" />
<arg line=" ${uglifyjs}" />
<arg line=" --ascii" />
<arg line=" -o" />
<targetfile />
<srcfile />
<mapper type="regexp" from="^(.*)\.(jsp)$" to="\1-min.\2" />
</apply>
<move todir="${jsp.compress.directory}">
<fileset dir="${jsp.compress.directory}" includes="**/*.jsp" />
<mapper type="regexp" from="^(.*)-min\.(jsp)$" to="\1.\2" />
</move>
<echo message="成功用uglifyjs压缩 JSP 文件" />
<echo message="开始用uglifyjs压缩 JS 文件. 请耐心等待!" />
<property name="uglifyjs" value="${project.build.directory}/uglify/uglifyjs" />
<property name="js.compress.directory" value="${project.build.directory}/${project.build.finalName}/resources/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>
<echo message="成功用uglifyjs压缩 JS 文件" />
</target>
</configuration>
</execution>
</executions>
</plugin>
<!-- CSS压缩 -->
<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>
<includes>
<include>**/*.css</include>
</includes>
<nosuffix>true</nosuffix><!-- 不需要后缀 -->
<linebreakpos>-1</linebreakpos><!-- 是否在一行 -->
</configuration>
</execution>
</executions>
</plugin>
- 大小: 66.7 KB
- 大小: 44.8 KB
- 大小: 1.2 MB
分享到:
相关推荐
js代码高亮显示 JavaScript代码高亮 jsp js代码高亮显示 JavaScript代码高亮 jsp
目录结构:jsp导入jquery文件,老是不起作用,原因在于: 代码如下: [removed][removed] 其不能访问/WEB-INF/目录下的文件,因此需要将加载的js文件其放倒webapp目录。 test.html: 代码如下: <%@ page ...
JSP文件上传代码JSP文件上传代码文件上传代码
网页代码获取工具 平常HTML,JSP查看代码,JS文件
tk-filter js,jsp,css,文件压缩包含源代码,web容器加载filter,能够实现对于js,jsp,css等文件压缩,保证网络传输速率。
可以对一个,或则多个jsp,js,javascript,java文件源代码格式化工具,其中jsp文件,内可以含,javascript,vbscript等,都能格式化,有问题联系gisoracle@126.com 使用C#开发,请安装.net2.0
JSP宝典源代码文件JSP宝典源代码文件
一个比较简单的文件上传的JSP的代码,有html的页面,但是很简单,还有处理文件上传的JSP文件,另外web.xml也是配置好的。
JSP下载文件源代码,利用jsp-SmartUpload实现,代码简单,使用方便,调用简单。
NULL 博文链接:https://wuaner.iteye.com/blog/455481
绝对牛的东西 细心查找整理的 怎样实现在jsp里用javascript防止代码注入 内有详细代码 javaweb必备
jsp javascript打印九九乘法表代码.docx
jsp 实现 文件下载 jspsmartupload
js 实现文件上传,该项目是javaweb项目,下载下来直接导入eclipse,在D盘创建一个upload文件夹,就可以接收到上传的文件了
JSP用户注册代码JSP用户注册代码JSP用户注册代码JSP用户注册代码JSP用户注册代码JSP用户注册代码
java+jsp代码实现从FTP服务器上传下载文件。 里面给了java方法和jsp页面的代码。主要是实现从FTP服务器上面下载文件到自己本地文件夹下面。另外还给了几个网站供大家参考。
build.js中的代码会去调用UglifyJS的接口函数以执行压缩任务。 1,去github下载最新的UglifyJS。两种方式下载,如果安装了git,进入git控制台使用如下命令 git clone git://github.com/mishoo/UglifyJS.git 或者使用...
原创,自己写的一套表单验证js文件。 /*使用说明 * 示例 邮箱"> * 字段注释 comments="邮箱" * 非空 notnull="true" * 最大长度 maxlength="30" * 负小数 datatype="ldouble" * 非负小数 datatype="rdouble" * 负...
一个基于myeclipse开发平台的jsp文件上传、文件下载实例