使用UglifyJS压缩js文件

html项目开发中，为了提升页面加载速度，我们需要对js文件进行压缩，这里我们使用UglifyJS来实现我们想要的效果。

UglifyJS 是一个流行的 JavaScript 压缩工具，可以通过命令行使用，也可以作为构建过程中的一个步骤。这里介绍如何通过命令行使用 UglifyJS。

首先，确保你的系统中已经安装了 Node.js 和 npm。然后，通过 npm 安装 UglifyJS：

npm install uglify-js -g

安装 -g 参数会将 UglifyJS 安装为全局可用的命令。

uglifyjs -v

压缩一个 JavaScript 文件：

uglifyjs file.js -o file.min.js

这将压缩 file.js 并将压缩后的代码输出到 file.min.js。

如果你希望压缩并混淆代码，可以加入更多参数：

uglifyjs file.js -o file.min.js -m -c

如果你想要保留一些特定的注释，可以使用 --comments 选项：

uglifyjs file.js -o file.min.js --comments '/^!|@preserve|@license|@cc_on/i'

这会保留以 ! 开头的注释，或者包含 @preserve, @license, @cc_on 等。

如果你有源映射（source map）的需求：

uglifyjs file.js -o file.min.js --source-map "url='file.min.js.map',includeSources"

这会生成一个对应的源映射文件 file.min.js.map 并在压缩文件中包含一个引用。

如果参数很多，可以使用配置文件来简化命令行操作。创建一个名为 uglify-config.json 的文件，写入以下内容：

{
  "compress": true,
  "mangle": true,
  "output": {
    "comments": "/^!|@preserve|@license|@cc_on/i"
  }
}

然后使用配置文件进行压缩：

uglifyjs file.js -o file.min.js --config-file=uglify-config.json

结合phpStorm实现js自动压缩