大家好，我是讯享网，很高兴认识大家。

然后我找到了UglifyJS，一款很强大的js工具。

UglifyJS简介

---

UglifyJs 是一个js 解释器、最小化器、压缩器、美化器工具集（parser, minifier, compressor or beautifier toolkit）。

这个网页是命令行使用的文档，要看API和内部文档请到UglifyJS作者的网站。

另外还有个在线demo(FF、chrome，safari可能也行)

GitHub地址：https://github.com/mishoo/UglifyJS

中文文档地址:https://segmentfault.com/a/95453

安装

首先确认一直你已经安装了最新的node.js(装完后或许需要重启一下电脑)

用NPM安装CLI：

npm install uglify-js -g

用NPM下载给程序使用:

npm install uglify-js

用Git下载：

git clone git://github.com/mishoo/UglifyJS2.git

cd UglifyJS2

npm link

使用

–

uglifyjs [input files] [options]

UglifyJS2可以输入多文件。建议你先写输入文件，再传选项。UglifyJS会根据压缩选项，把文件放在队列中依次解释。所有文件都会在同一个全局域中，假如一个文件中的变量、方法被另一文件引用，UglifyJS会合理地匹配。

假如你不要输入文件，而是要输入字符串（STDIN），那就把文件名换成一个横线（-）

如果你想要把选项写在文件名的前面，那要在二者之前加上双横线，防止文件名被当成了选项：

uglifyjs --compress --mangle – input.js

以下是可用的选项：

–source-map 指定输出的文件产生一份sourcemap

–source-map-root 此路径中的源码编译后会产生sourcemap

–source-map-url 放在//#sourceMappingURL的sourcemap路径. 默认是

–source-map传入的值.

–source-map-include-sources 如果你要在sourcemap中加上源文件的内容作为sourcesContent属性，

就传这个参数吧。

–source-map-inline 把sourcemap以base64格式附在输出文件结尾

–in-source-map 输入sourcemap。假如的你要编译的JS是另外的源码编译出来的。

假如该sourcemap包含在js内，请指定"inline"。

–screw-ie8 是否要支持IE6/7/8。UglifyJS默认不兼容IE。

–support-ie8 是否要支持IE6/7/8，等同于在compress, mangle 和

output选项中都设置screw_ie8: false

–expr 编译一个表达式，而不是编译一段代码（编译JSON时用）

-p, --prefix 忽略sourcemap中源码的前缀。例如-p 3会干掉文件名前面3层目录

以及保证路径是相对路径。你也可以指定-p relative,让UglifyJS

自己计算输出文件、sourcemap与源码之间的相对路径。

讯享网

-o, --output 输出文件，默认标准输出(STDOUT)

-b, --beautify 美化输出/指定输出 选项

-m, --mangle Mangle的名字，或传入一个mangler选项.

-r, --reserved mangle的例外，不包含在mangling的名字

-c, --compress 是否启用压缩功能（true/fasle），或者传一个压缩选项对象, 例如

-c 'if_return=false,pure_funcs=["Math.pow","console.log"]'，

-c不带参数的话就是用默认的压缩设置。

-d, --define 全局定义

-e, --enclose 所有代码嵌入到一个大方法中，传入参数为配置项

–comments 保留版权注释。默认保留Google Closure那样的，保留JSDoc-style、

包含"@license" 或"@preserve"字样的注释。你也可以传下面的参数:

• “all” 保留所有注释 - 正则（如/foo/、/^!/）保留匹配到的。要注意，如果启用了压 缩，因为会移除不可达代码以及压缩连续声明，因此不是所有注释都能

保留下来。

–preamble 在输出文件开头插入的前言。你可以插入一段注释，例如版权信息。

这些不会被编译，但sourcemap会改成当前的样子。

–stats 在STDERR中显示操作运行时间。

–acorn 用 Acorn解析。

–spidermonkey 假如输入文件是 SpiderMonkey AST 格式(像JSON).

–self 把UglifyJS2本身也构建成一个依赖包

(等同于--wrap=UglifyJS --export-all)

–wrap 所有代码嵌入到一个大函数中,让"exports"和"global"变量有效，

你需要传入一个参数指定模块被浏览器引入时的名字。

–export-all 只当--wrap时有效,告诉UglifyJS自动把代码暴露到全局。

–lint 显示一些可视警告

-v, --verbose Verbose

-V, --version 打印版本号.

–noerr 不要为-c,-b 或 -m选项中出现未知选项而抛出错误。
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

资料领取方式：点击这里获取前端全套学习资料

空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

资料领取方式：点击这里获取前端全套学习资料

[外链图片转存中…(img-MJJbaQBd-84)]

[外链图片转存中…(img-M2wTqZ7H-85)]