前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用uglifyjs压缩js

使用uglifyjs压缩js

作者头像
OECOM
发布2020-07-01 17:06:45
5.7K0
发布2020-07-01 17:06:45
举报
文章被收录于专栏:OECOM

在做的web项目上线时,我们需要对js文件进行压缩,以减小文件的体积,加快加载速度,提高响应时间。下面我来介绍一个js压缩工具:uglifyjs。

安装uglifyjs

前提是必须安装过了nodejs,这里不再说,直接说如果安装uglifyjs

代码语言:javascript
复制
npm install uglify-js -g

通过命令行全局安装,以便于以后压缩时随处可以执行命令。这里npm也可以替换为cnpm

使用

安装完成了,接下来就是使用了。最简单的使用方式:

代码语言:javascript
复制
uglifyjs main.js -o main-min.js -c

下面是一些压缩时常用的参数 一些常用的参数列表

代码语言:javascript
复制
-o,--output      指定输出文件,默认情况下为命令行
-b,--beautify    美化代码格式的参数
-m,--mangle      改变变量名称(ex:在一些例如YUI Compressor压缩完的代码后你可以看到)a,b,c,d,e,f之类的变量,加了-m参数,uglifyjs也可以做到,默认情况下,是不会改变变量名称的)
-r,--reserved    保留的变量名称,不需要被-m参数改变变量名的
-c,--compress    OK,主角登场了,这是让uglifyjs进行代码压缩的参数。可以在-c后边添加
一些具体的参数来控制压缩的特性,下文中会具体介绍。
--comments       用来控制注释的代码的

如果压缩的时候想要保留版权信息,可以如下使用:

代码语言:javascript
复制
uglifyjs main.js --comments -m -o main-min.js

当然,注释需要有一些特别的标志量。

首先需要是JSDoc-style样式风格的注释,然后评论中需要包含"@license"或者"@preserve"就可以了。

uglifyjs压缩批处理

我们不可能每次都打开cmd去键入压缩执行代码,容易写错不说(如上面那个结果图),还耗时,想想都会让人疯掉。懒人有懒法,花了点功夫,折腾了一个批处理文件,以后,想要压缩JS,只要双击运行这个.bat文件就可以了!完整代码如下:

代码语言:javascript
复制
@echo off
:: 设置压缩JS文件的根目录,脚本会自动按树层次查找和压缩所有的JS
SET JSFOLDER=C:\Users\Administrator\Desktop\formini
echo 正在查找JS文件
chdir /d %JSFOLDER%
for /r . %%a in (*.js) do (
    @echo 正在压缩 %%~a ...
    uglifyjs %%~fa  -m -o %%~fa
)
echo 完成!
pause & exit

新建一个txt文档,任意命名,将上面的代码粘贴进去,修改JSFOLDER后面的文件夹目录为你自己的,然后把.txt后缀改成.bat就可以啦!然后双击就可以批量使用uglifyjs压缩JS文件啦!

注意:uglifyjs不支持ES6

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-10-31,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 安装uglifyjs
  • 使用
  • uglifyjs压缩批处理
相关产品与服务
文件存储
文件存储(Cloud File Storage,CFS)为您提供安全可靠、可扩展的共享文件存储服务。文件存储可与腾讯云服务器、容器服务、批量计算等服务搭配使用,为多个计算节点提供容量和性能可弹性扩展的高性能共享存储。腾讯云文件存储的管理界面简单、易使用,可实现对现有应用的无缝集成;按实际用量付费,为您节约成本,简化 IT 运维工作。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档