手机版

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

时间:2021-10-10 来源:互联网 编辑:宝哥软件园 浏览:

build.js中的代码将调用UglifyJS的接口函数来执行压缩任务。1.去github下载最新的UglifyJS。下载有两种方法。如果安装了git,请转到git控制台并使用以下命令git clone git 3360//github.com/mish oo/uglifyjs . git或通过http下载并单击zip下载。解压后的目录结构如下

2.创建一个新的项目(文件夹)myApp,并将uglify-js.js和lib目录复制到自己的项目中。如下

3.在myApp中创建新的compress.js,包含以下内容。复制代码如下: var fs=require(' fs ');var jsp=require('。/uglify-js ')。解析器;var pro=require('。/uglify-js ')。丑陋的;var OrigCode=' var ABC=function(){ var one=5;返回一个;}';var ast=JSP . parse(OrigCOde);//解析代码,得到初始AST AST=pro . AST _ manger(AST);//获取一个新的AST,名称为AST=pro . AST _ crush(AST);//获取一个带有压缩优化的AST var final COde=pro . gen _ COde(AST);//此处的压缩代码为console . log(final COde);这段代码的一般含义是取fs模块,它是节点的文件模块。然后取UglifyJS的两个模块。接下来是UglifyJS的压缩过程。4.打开命令行,执行compress.js

控制台输出压缩代码。好吧,就这么简单。5.因为在节点环境中,您当然可以编写一个函数来直接读取源文件,压缩它并将其输出到指定的目录。将上面的代码打包成一个函数,复制代码如下: //读取一个文件,压缩函数build one(flein,file out){ var origin code=fs . readfilesync(flein,' utf8 ');var ast=JSP . parse(OrigCOde);ast=pro . ast _ manger(ast);ast=pro . ast _ crush(ast);var final COde=pro . gen _ COde(ast);fs . writelefilesync(file out,finalCode,' utf8 ');}压缩我的ajax-1.0.js输出到myApp目录复制代码如下:build one ('Ajax-1.0.js ',' Ajax-min . js ');示例代码UglifyJS_test

版权声明:使用UglifyJS合并/压缩JavaScript的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。