轻松压缩JS文件

JavaScript023

轻松压缩JS文件,第1张

在任意文件夹下按住shift按键的同时，点击鼠标右键 打开powershell命令窗口 执行命令： npm install uglify-js -g 首先，打开cmd 其次，查找要压缩的js文件，查找方法如下： 1、输入文件所在位置 例如，我需要压缩的文件在E盘中，就输入  e: 2、输入：cd + js文件所在位置 例如，我需要压缩的js文件在：E:\electron-vue\topology\static\new_node_modules\topology-vue 就执行：cd electron-vue\topology\static\new_node_modules\topology-vue 3、输入：uglifyjs + 要压缩的js文件名称 +  -o +  压缩后js文件名称 例如，我要将topology-vue.umd.js文件压缩成topology-vue.umd.min.js 就执行：uglifyjs topology-vue.umd.js -o topology-vue.umd.min.js 你没看错！ 就是这么简单！！ 将JS文件进行压缩，让你的程序快马加鞭地跑起来吧！！！

我想你问的是不是类似UglifyJS之类的混淆过的JS代码？这种压缩通常会把变量、函数名之类的改成非常短的名称，因此这种压缩过的代码就难以识别了。

对于这种代码，推荐的思路是先看浏览器中是否有报错，然后根据错误来判断自己原始代码里可能出错的位置；如果没有报错，那也是断定大概的位置，然后Chrome里打开开发者工具里的Sources，打开自己的代码，用这个地方可以对代码进行重新排版：

当然，如果是uglify过的代码还是很难看，只能根据自己实际代码里的一些常量内容作为关键词在浏览器的代码里面搜自己可能的位置，然后加断点推测去调试。

上面的办法，都是在你对压缩JS这个过程没有控制的情况下，如果是你自己压缩JS代码，可以在压缩的时候同时生成sourcemap文件，一般是xxx.js.map文件。如果连同这个文件一起部署，那么在开发者工具中打开的时候，也可以看到最原始的代码了。这是最推荐的办法，调试起来也是最轻松的。

.js 是JavaScript的源码文件。.js文件可读性好，便于调试和修改，但是其相对压缩后的.min.js所占用空间较大

.min.js 是JavaScript的源码文件压缩之后产生的文件。.min.js文件可读性差，所占用空间相对较小，可用于源码防窃

将.js压缩为.min.js主要包括两个方面：去掉无用的空格、换行符号、注释等，从而压缩js文件大小；将原.js中变量和函数的命名修改为没有实际意义的名称，进行语句的等价替换，如条件判断修改为使用三目运算符，从而尽可能实现源码防窃

JavaScript的代码压缩工具