jquery官方使用uglifyjs进行压缩的,压缩比较高
需要安装软件
1、node.js
2、uglifyjs
3、java
4、ant
uglifyjs的安装方法
新建build.xml
执行命令
ant -d -v -f c:\build.xml
结果:
[echo] 压缩结束
BUILD SUCCESSFUL
Total time: 31 seconds
需要安装软件
1、node.js
2、uglifyjs
3、java
4、ant
uglifyjs的安装方法
npm install uglify-js -g
新建build.xml
<project name="前端js压缩" default="compress" basedir="."> <description> 前端js压缩,使用uglifyjs压缩当前目录里的所有js文件, 压缩后,会将原文件替换为压缩过的文件。 </description> <!-- set global properties for this build --> <!-- 项目根目录 --> <property name="root" location="../public_html/js/" /> <!-- js文件压缩后的前缀,比如prefix=.min.js,生成*.min.js --> <property name="suffix" value=".js"/> <!-- node.js npm的路径 用npm root -g 命令查看 --> <property name="npm" value="C:\Users\consumer\AppData\Roaming\npm"/> <target name="compress" description="压缩" > <echo>开始压缩js文件</echo> <apply executable="${npm}\uglifyjs.cmd" dest="${root}" force="true" verbose="true"> <srcfile/> <arg value="-m"/> <arg value="-c"/> <arg line="-o"/> <targetfile/> <fileset dir="${root}"> <filename name="**/*.js"/> </fileset> <mapper type="glob" from="*.js" to="*${suffix}"/> </apply> <echo>压缩结束</echo> </target> </project>
执行命令
ant -d -v -f c:\build.xml
结果:
[echo] 压缩结束
BUILD SUCCESSFUL
Total time: 31 seconds
发表评论
-
解决eclipse在修改js卡顿现象
2018-02-09 15:49 1360新版eclipse编辑含有javascript内容的jsp时, ... -
chosen 数据的动态更新
2016-09-08 15:28 1766chosen是个不错的复合下拉组件,缺点是文档较少 源码在gi ... -
优秀的弹层组件
2016-04-20 18:19 659http://layer.layui.com/ -
googleapis.com域名访问慢的解决办法
2016-04-13 12:09 9681、安装火狐 2、安装插件ReplaceGoogleCDN -
国内常用前端公共库CDN服务
2015-11-15 14:00 943BAIDU http://cdn.code.baidu.co ... -
jquery validate 1.14
2015-10-12 20:14 794<!DOCTYPE html PUB ... -
jquery 事件处理handler函数的参数
2015-02-08 23:22 2582jquery 事件处理handler函 ... -
jquery tr rowindex
2014-11-30 13:42 902var tr = $(this).parents('tr' ... -
jqgrid please select row warning
2014-11-23 19:42 1722引入ui.jqgrid.css即可解决 -
改变多个jquery.ready的默认顺序
2014-11-23 15:37 1294$(document).ready 这个函数的解释: 引用 D ... -
javascript 错误的继承方式
2014-11-02 23:02 724var parent = {t:1,m:2,} pare ... -
JS图片格式验证
2014-07-03 16:48 903function pic(file){ var r ... -
更改underscorejs默认的匹配符
2014-06-14 11:51 846/** 修改underscore.js默认的< ... -
html5 canvas作的手写板【兼容手机】
2014-05-21 15:56 5276<!DOCTYPE html> <ht ... -
backbone.js model和view视图的单元测试
2014-05-20 17:32 1360backbone的模块化开发,需要引入测试流程保证代码的质量, ... -
由正则表达式html或xml标签配对说起【括号编组和正负向预查】
2014-05-15 14:17 2472经常会查找xml或HTM ... -
netbeans和karma进行单元测试二【jasmine入门】
2014-05-20 15:43 1689karma配好之后,默认使用的是jasmine作为测试框架: ... -
javascript的代理和切面
2014-05-15 13:39 738Java里有面向切面的实现方式,可以监控包、对象、函数 ... -
backbone.js路由Router的使用
2014-05-09 11:33 1581路由的使用很简单,路由的转向 router.navigate( ... -
backbone.js的View里的事件重复调用
2014-05-09 11:18 1992backbone的一个视图被初始化多次后,发现一个按钮事 ...
相关推荐
Google为此提供了一款批量压缩JS工具,旨在帮助开发者高效地处理大量JS文件。 这款工具主要基于Google的 Closure Compiler 和 UglifyJS 等知名压缩库。Closure Compiler 是一个强大的JavaScript编译器,它能够将源...
批量压缩JS文件的主要目的是减少文件大小,从而加快网页加载速度。这主要通过两方面实现:代码混淆和删除不必要的字符。代码混淆是将变量名和函数名替换为更短的形式,使得代码难以阅读,但不影响运行;删除不必要的...
本篇文章将深入探讨“JAVA批量压缩JS”的主题,以及如何利用工具或自定义程序来实现对JavaScript和CSS的压缩,从而提高网页加载速度和整体性能。 一、JavaScript与CSS压缩的重要性 1. 减少文件大小:未压缩的JS和...
总的来说,JsBatCompress是前端开发中不可或缺的辅助工具,通过批量压缩JS文件,有效地提升了项目的性能和效率。合理使用这类工具,可以显著改善网站的加载速度,提升用户体验,并且在项目管理上也能带来不少便利。
"js和css批量压缩工具" 正是这样一个解决方案,它可以帮助我们在项目部署前有效地压缩和优化资源,提高网站的整体性能。 批量压缩的优势在于它可以一次性处理大量的文件,大大节省了手动操作的时间。对于大型项目或...
为了实现批量压缩js和css文件,我们需要引入几个Ant的贡献库(Contrib tasks),其中包括YUI Compressor。YUI Compressor是由Yahoo开发的一款高效的JavaScript和CSS压缩工具,它可以删除代码中的空格、注释,并进行...
本文将详细介绍JS批量压缩工具的使用、原理以及其在实际开发中的重要性。 标题提及的“JS批量压缩工具”是一种能够帮助开发者快速对多个JS文件进行压缩的实用工具。这样的工具通常包含了代码压缩和格式化的功能,以...
本教程将深入探讨Js和Css的压缩技术,包括批量处理方法,以及如何在压缩过程中添加版权信息和调整压缩强度。 一、Js压缩 JavaScript文件通常包含大量的注释、空格和换行符,这些在代码执行时并不必要,但却会增加...
因此,这款**UglifyJS可视化工具** 应运而生,它为Windows用户提供了一个图形界面,使得批量压缩JavaScript文件变得更加方便。通过这个工具,用户无需手动输入命令行指令,只需通过简单的界面操作即可完成文件的压缩...
批量JS压缩美化CSS压缩工具SoCompressor就是这样一个工具,它专为开发者设计,帮助他们快速有效地处理JavaScript(JS)和层叠样式表(CSS)文件,以减小文件大小,提高页面加载速度。 JavaScript和CSS文件是网页...
JavaScript批量压缩技术主要涉及到前端开发中的性能优化环节,它的目的是减少文件大小,加快网页加载速度,提高用户体验。在本文中,我们将深入探讨JavaScript批量压缩的原理、方法以及相关的工具和库。 一、压缩...
总结起来,UglifyJS是通过Node.js环境运行的JavaScript代码压缩工具,它提供了强大的代码压缩和混淆功能,有助于优化前端项目的性能。通过简单的配置和调用,开发者可以轻松地整合UglifyJS到他们的构建流程中,实现...
批量压缩JS涉及到以下几个关键知识点: 1. **代码压缩原理**:代码压缩主要是通过消除冗余字符(如空格、制表符、换行符)和不必要的注释,以及将变量名和函数名转换为更短的形式,减少字符数量。这样可以显著减小...
一款实用的JS与CSS批量压缩/混淆/美化/格式化工具,因为引入了Node.js和UglifyJS,所以软件压缩包会有10MB之多,其实程序只有几百KB。工具说明: 1.压缩、混淆、美化、格式化都支持,断网条件下可以使用,软件不是...
因此,`使用uglify-js批量压缩、混淆、合并目录js文件-百度经验.url`这个链接可能指向一个教程,教导如何使用`uglify-js`来批量处理多个JavaScript文件。批量处理可以大大提高工作效率,确保整个项目的代码都被处理...
使用这个插件,开发者可以设置自动化构建任务,例如在保存文件时自动执行压缩,或者在项目构建阶段进行批量压缩,极大地提高了开发效率。 在配置IDEA插件时,用户需要先安装并激活插件,然后在设置中配置压缩规则。...
UglifyJS 是一个广泛使用的 JavaScript 压缩工具,支持 ES6 及以下版本的语法,可以将代码转换为更小的等效版本,同时提供模块合并功能。Terser(原名 UglifyJS2)是 UglifyJS 的升级版,支持 ES6+ 语法,具有更高效...
如果是压缩包,解压后可能包含多个源代码文件,这些文件可以通过压缩工具进行批量压缩。 在实际使用JS压缩工具时,开发者需要注意一些事项:首先,压缩可能会改变原始代码的可读性,这对于调试和维护可能带来挑战,...
UglifyJS是一款广泛使用的JavaScript代码压缩工具,能将源代码压缩成更小、更紧凑的形式,以便于减少网络传输时间和提高网页加载速度。这个开源库的目的是让开发者更容易地在项目中集成和使用UglifyJS,无论是在整个...
递归-uglifyjs 递归遍历目录,并丑化该目录及其子目录中包含的所有JavaScript文件。 安装 npm install -g recursive-uglifyjs 用法 recursive-uglifyjs ./a/directory/containing/js/files