`

uglifyjs批量压缩js

阅读更多
jquery官方使用uglifyjs进行压缩的,压缩比较高

需要安装软件
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
分享到:
评论

相关推荐

    google的批量压缩JS工具

    Google为此提供了一款批量压缩JS工具,旨在帮助开发者高效地处理大量JS文件。 这款工具主要基于Google的 Closure Compiler 和 UglifyJS 等知名压缩库。Closure Compiler 是一个强大的JavaScript编译器,它能够将源...

    js批量压缩工具

    批量压缩JS文件的主要目的是减少文件大小,从而加快网页加载速度。这主要通过两方面实现:代码混淆和删除不必要的字符。代码混淆是将变量名和函数名替换为更短的形式,使得代码难以阅读,但不影响运行;删除不必要的...

    JAVA批量压缩JS

    本篇文章将深入探讨“JAVA批量压缩JS”的主题,以及如何利用工具或自定义程序来实现对JavaScript和CSS的压缩,从而提高网页加载速度和整体性能。 一、JavaScript与CSS压缩的重要性 1. 减少文件大小:未压缩的JS和...

    javascript批量压缩工具(JsBatCompress)

    总的来说,JsBatCompress是前端开发中不可或缺的辅助工具,通过批量压缩JS文件,有效地提升了项目的性能和效率。合理使用这类工具,可以显著改善网站的加载速度,提升用户体验,并且在项目管理上也能带来不少便利。

    js和css批量压缩工具

    "js和css批量压缩工具" 正是这样一个解决方案,它可以帮助我们在项目部署前有效地压缩和优化资源,提高网站的整体性能。 批量压缩的优势在于它可以一次性处理大量的文件,大大节省了手动操作的时间。对于大型项目或...

    使用Ant构建批量压缩js、css文件脚本

    为了实现批量压缩js和css文件,我们需要引入几个Ant的贡献库(Contrib tasks),其中包括YUI Compressor。YUI Compressor是由Yahoo开发的一款高效的JavaScript和CSS压缩工具,它可以删除代码中的空格、注释,并进行...

    JS批量压缩工具,支持右键快捷菜单,支持批量

    本文将详细介绍JS批量压缩工具的使用、原理以及其在实际开发中的重要性。 标题提及的“JS批量压缩工具”是一种能够帮助开发者快速对多个JS文件进行压缩的实用工具。这样的工具通常包含了代码压缩和格式化的功能,以...

    Js、Css压缩(可批量)

    本教程将深入探讨Js和Css的压缩技术,包括批量处理方法,以及如何在压缩过程中添加版权信息和调整压缩强度。 一、Js压缩 JavaScript文件通常包含大量的注释、空格和换行符,这些在代码执行时并不必要,但却会增加...

    uglifyjs可视化工具

    因此,这款**UglifyJS可视化工具** 应运而生,它为Windows用户提供了一个图形界面,使得批量压缩JavaScript文件变得更加方便。通过这个工具,用户无需手动输入命令行指令,只需通过简单的界面操作即可完成文件的压缩...

    批量JS压缩美化CSS压缩工具SoCompressor

    批量JS压缩美化CSS压缩工具SoCompressor就是这样一个工具,它专为开发者设计,帮助他们快速有效地处理JavaScript(JS)和层叠样式表(CSS)文件,以减小文件大小,提高页面加载速度。 JavaScript和CSS文件是网页...

    js批量压缩

    JavaScript批量压缩技术主要涉及到前端开发中的性能优化环节,它的目的是减少文件大小,加快网页加载速度,提高用户体验。在本文中,我们将深入探讨JavaScript批量压缩的原理、方法以及相关的工具和库。 一、压缩...

    使用UglifyJS合并/压缩JavaScript的方法

    总结起来,UglifyJS是通过Node.js环境运行的JavaScript代码压缩工具,它提供了强大的代码压缩和混淆功能,有助于优化前端项目的性能。通过简单的配置和调用,开发者可以轻松地整合UglifyJS到他们的构建流程中,实现...

    js 批量 压缩

    批量压缩JS涉及到以下几个关键知识点: 1. **代码压缩原理**:代码压缩主要是通过消除冗余字符(如空格、制表符、换行符)和不必要的注释,以及将变量名和函数名转换为更短的形式,减少字符数量。这样可以显著减小...

    JS与CSS批量压缩混淆美化格式化工具v1.0绿色免费版

    一款实用的JS与CSS批量压缩/混淆/美化/格式化工具,因为引入了Node.js和UglifyJS,所以软件压缩包会有10MB之多,其实程序只有几百KB。工具说明: 1.压缩、混淆、美化、格式化都支持,断网条件下可以使用,软件不是...

    uglify混淆js+minify压缩js.zip

    因此,`使用uglify-js批量压缩、混淆、合并目录js文件-百度经验.url`这个链接可能指向一个教程,教导如何使用`uglify-js`来批量处理多个JavaScript文件。批量处理可以大大提高工作效率,确保整个项目的代码都被处理...

    IDEA类软件,js压缩插件

    使用这个插件,开发者可以设置自动化构建任务,例如在保存文件时自动执行压缩,或者在项目构建阶段进行批量压缩,极大地提高了开发效率。 在配置IDEA插件时,用户需要先安装并激活插件,然后在设置中配置压缩规则。...

    JS CSS压缩工具

    UglifyJS 是一个广泛使用的 JavaScript 压缩工具,支持 ES6 及以下版本的语法,可以将代码转换为更小的等效版本,同时提供模块合并功能。Terser(原名 UglifyJS2)是 UglifyJS 的升级版,支持 ES6+ 语法,具有更高效...

    JS压缩工具(很小很实用)

    如果是压缩包,解压后可能包含多个源代码文件,这些文件可以通过压缩工具进行批量压缩。 在实际使用JS压缩工具时,开发者需要注意一些事项:首先,压缩可能会改变原始代码的可读性,这对于调试和维护可能带来挑战,...

    前端开源库-easy-uglifyjs

    UglifyJS是一款广泛使用的JavaScript代码压缩工具,能将源代码压缩成更小、更紧凑的形式,以便于减少网络传输时间和提高网页加载速度。这个开源库的目的是让开发者更容易地在项目中集成和使用UglifyJS,无论是在整个...

    npm-recursive-uglifyjs:递归遍历目录并缩小目录或其子目录中的所有JavaScript文件

    递归-uglifyjs 递归遍历目录,并丑化该目录及其子目录中包含的所有JavaScript文件。 安装 npm install -g recursive-uglifyjs 用法 recursive-uglifyjs ./a/directory/containing/js/files

Global site tag (gtag.js) - Google Analytics