作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 00:32:43 阅读 我要评论

build.js中的代码会去调用UglifyJS的接口函数以执行压缩任务。 1,去github下载最新的UglifyJS。两种方式下载,如果安装了git,进入git控制台使用如下命令 git clone git://github.com/mishoo/UglifyJS.git 或者使用http方式下载,点击zip下载。解压后其目录结构如下 2,新建一个项目(文件夹)myApp,将uglify-js.js和lib目录拷贝到自己的项目中。如下 3,在myApp中新建一个compress.js,内容如下复制代码 代码如下: var fs = require('fs'); var jsp = require("./uglify-js").parser; var pro = require("./uglify-js").uglify; var origCode = "var abc = function(){ var one = 5; return one;}"; var ast = jsp.parse(origCode); // parse code and get the initial AST ast = pro.ast_mangle(ast); // get a new AST with mangled names ast = pro.ast_squeeze(ast); // get an AST with compression optimizations var finalCode = pro.gen_code(ast); // compressed code here console.log(finalCode); 这段代码的大概意思是取fs模块,它是node的文件模块。 接着取UglifyJS的两个模块。后面就是UglifyJS的压缩流程了。 4,打开命令行,执行compress.js 控制台输出了压缩后的代码。好了,就这么简单。5,既然在node环境下,当然可以写一个函数直接读取源文件,压缩后输出到指定的目录。将以上代码封装到一个函数中,如下 复制代码 代码如下: // 读取一个文件,压缩之 function buildOne(flieIn, fileOut) { var origCode = fs.readFileSync(flieIn, 'utf8'); var ast = jsp.parse(origCode); ast = pro.ast_mangle(ast); ast = pro.ast_squeeze(ast); var finalCode = pro.gen_code(ast); fs.writeFileSync(fileOut, finalCode, 'utf8'); } 将我写的ajax-1.0.js压缩,输出到myApp目录中 复制代码 代码如下:buildOne('ajax-1.0.js', 'ajax-min.js'); 示例代码UglifyJS_test

  推荐阅读

  那些年,我还在学习jquery 学习笔记

原来Jquery就是一个javascript写的一个库,它给我们提供了很多常用的方法,使用这些方法可以兼容多种浏览器,使用它可以达到很好的动画效果,下面就来看看那些年的学习笔记吧一、$符号   1、选择器    可以选>>>详细阅读


本文标题:使用UglifyJS合并/压缩JavaScript的方法

地址:http://www.17bianji.com/kaifa2/JS/23596.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)