然后我找到了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/1190000008995453
安装
首先确认一直你已经安装了最新的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%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
![](https://i-blog.csdnimg.cn/blog_migrate/dcd1a545523bd1528ad3c5fd276ad4b6.jpeg)
最后
由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容,详细完整版的JavaScript面试题文档,或更多前端资料可以点此处免费获取。
CoPEF.jpg" />
最后
[外链图片转存中…(img-d6qWANI5-1712163574669)]
[外链图片转存中…(img-joctc1pi-1712163574669)]
由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容,详细完整版的JavaScript面试题文档,或更多前端资料可以点此处免费获取。