PhpStorm 是一个集成开发环境(IDE),它支持多种方式来压缩 JavaScript 文件。PhpStorm 没有内置的 JavaScript 压缩工具,但是你可以配置 File Watchers 来使用外部工具如 UglifyJS、Google Closure Compiler 或其他命令行工具来压缩你的 JS 文件。UglifyJS介绍
下面是配置 File Watcher 来压缩 JS 文件的步骤:
安装 JS 压缩工具
首先,你需要确保你的开发环境中安装了一个 JS 压缩工具。以 UglifyJS 为例,你可以通过 npm 安装它:
npm install uglify-js -g
配置 PhpStorm File Watcher
-
打开 PhpStorm 设置:
- 在 Windows 或 Linux 上,选择
File
>Settings
(或使用快捷键Ctrl+Alt+S
)。 - 在 macOS 上,选择
PhpStorm
>Preferences
(或使用快捷键Cmd+,
)。
- 在 Windows 或 Linux 上,选择
-
在设置窗口中,导航到
Tools
>File Watchers
。
-
点击
+
图标来添加新的 File Watcher。 -
在弹出的对话框中,选择 UglifyJS
点击确认 点击应用确认。完成配置后点击 OK
。
现在,每当你修改并保存一个 JavaScript 文件时,PhpStorm 将自动调用你配置的压缩工具来压缩文件。
压缩前后文件大小对比
这里对比压缩前后,可以看出文件从2.6M压缩到了683k,压缩了大概2M的文件。