自己怎么压缩js文件？

有时候，我会从网上找一些JS插件，这些插件的代码可能是未压缩版。如果将这些插件应用到实际的生产中，会发现这些JS文件太大，会导致加载较慢，编译较慢。因此需要自己压缩一下这个文件，以便可以更好的应用于实际生产环境中。

自己压缩JS文件的方法：

方法一：在线压缩

比如这个网站：http://tool.oschina.net/jscompress/

你只需要把自己的JS代码复制进去，它就可以帮你压缩了。

这个方法只适用于较小的文件，如果文件太大，这个方法就不太合适了，可能压缩的网站会被卡崩。

方法二：使用uglify工具在本地压缩

1、首先在本地安装node.js和npm，一般npm集成于nodejs，即安装nodejs，同时也安装了npm。

2、安装uglify插件。在命令行执行：

npm install uglify-js -g

3、开始压缩js文件。

首先在命令行，进入JS文件所在目录。

然后执行压缩文件命令：uglifyjs pdf.js -o pdf.min.js

我要压缩的文件为pdf.js，生成的压缩文件名为pdf.min.js。-o是一个参数，关于参数的具体解析大家可以去官网看，https://www.npmjs.com/package/uglify-js。最后看一看压缩的结果：

可以看到文件由719KB，被压缩到了536KB。

---

那么压缩后的JS文件如何恢复成原文件呢？

压缩后js文件是无法再恢复成原本的js文件的，我们只能通过格式化让压缩后的js变得更易阅读。比如浏览器有一个功能可以格式化js文件。

如下为压缩后的js文件：

 

经过chrome格式化后的文件如下：

格式化的操作就是点击chrome开发工具面板的source下的“{}”小括号图标。如下：

 

---

参考文章：

https://www.jianshu.com/p/dd847647b7e4

https://www.npmjs.com/package/uglify-js