idea里集成uglifyjs实现自动和手动压缩混淆js

项目中可能会多次修改某些*.js文件，但是引用的是*.min.js, 所以需要再改完源码后生成压缩的min.js

uglifyjs是个不错的工具，但是单独用略显麻烦，如果能整合到idea就好了。正好idea有这个功能。

 

1. 安装nodejs

　　https://nodejs.org/dist/v8.9.3/node-v8.9.3-x64.msi

      下载后安装即可。

2. 通过nodejs安装uglifyjs

npm install uglify-js -g

3. idea安装nodejs，file watcher插件

4.配置nodejs插件

 

5 配置file watcher，文件改变时自动触发。

 

6 也可以手动使用,

 

7  手动压缩js文件测试

再要压缩的文件上右键>Extenal Tools>uglifyjs（在上一步中配置好的）,生成压缩版js文件

 

8.自动压缩，再修改js文件后会自己生成压缩版。

 

9.最后看看uglifyjs的单独使用方法

`uglifyjs` 是一个 JavaScript 压缩工具，可以通过命令行使用。它可以帮助你压缩和混淆 JavaScript 代码，以减小文件大小并且增加代码的安全性。

下面是 uglifyjs 的一般命令行用法：

uglifyjs [options] [filename]...

其中，[filename] 是要压缩的 JavaScript 文件的名称。你可以指定一个或多个文件，uglifyjs 会将它们合并并进行压缩。

以下是一些常用的选项：

• -o, --output: 指定输出文件的名称。
• -c, --compress: 启用代码压缩。
• -m, --mangle: 启用代码混淆。
• --source-map: 生成源映射文件，以便在调试时定位压缩后的代码。
• --keep-fnames: 保留函数名称，即使使用了代码混淆。

例如，要压缩名为 script.js 的文件并将输出保存为 script.min.js，你可以执行以下命令：

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

这将对 script.js 文件进行压缩，并输出到 script.min.js 文件中，同时启用了代码压缩和混淆。