项目中可能会多次修改某些*.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
文件中,同时启用了代码压缩和混淆。