压缩 JavaScript
缩小化或 压缩是指移除所有不必要的字符，如空格、新行、注释，而不改变源代码的功能。 在开发和调试过程中，这些字符使代码更易读。 在生产阶段，它们只会增加需要传输的代码量。
通常情况下，压缩是在构建过程中完成的，使用像 webpack 这样的构建工具。 如果您未使用构建工具，可以使用独立工具，例如 terser。
要自动压缩您的代码，您需要安装一个压缩工具并配置一个 File Watcher ，该工具将跟踪您的文件更改并运行压缩工具。
默认情况下，只要 File Watcher 监视范围内的 JavaScript 文件发生更改并保存，就会开始最小化。 您可以指定其他 触发工具的事件。 从 File Watchers 中了解更多信息。
生成的压缩代码存储在一个单独的文件中，文件名为源 JavaScript 文件的名称和扩展名 min.js 。 此生成文件的位置在 要刷新的输出路径 字段中的 新建观察者对话框中定义。 但是，在 项目树 中，包含压缩代码的文件显示在作为节点显示的源 JavaScript 文件下方。 要更改此默认显示方式，请在 配置文件嵌套中进行设置，位于 项目 工具窗口 Alt+1。
以下示例展示了如何直接从 IntelliJ IDEA 使用 terser 压缩 JavaScript 代码。
示例：使用 terser 压缩 JavaScript
要自动压缩代码，您需要安装 terser 并配置一个 UglifyJS 文件监视器 ，该监视器将跟踪文件的更改并运行工具。
默认情况下，只要 File Watcher 监视范围内的 JavaScript 文件发生更改并保存，就会开始最小化。 您可以指定其他 触发 terser 的事件。 从 File Watchers 中了解更多信息。
生成的压缩代码存储在一个单独的文件中，文件名为源 JavaScript 文件的名称和扩展名 min.js 。 此生成文件的位置在 要刷新的输出路径 字段中的 新建观察者对话框中定义。 但是，在 项目树 中，包含压缩代码的文件显示在作为节点显示的源 JavaScript 文件下方。 要更改此默认显示方式，请在 配置文件嵌套中进行设置，位于 项目 工具窗口 Alt+1。
开始之前
请确保您的计算机上安装了 Node.js。
确保在设置中启用 JavaScript and TypeScript捆绑插件。 按 Ctrl+Alt+S 打开设置，然后选择 。 点击 已安装 选项卡。 在搜索字段中，输入 JavaScript and TypeScript。 如需了解有关插件的更多信息，请参阅 管理插件。
安装并启用 File Watchers插件，在 设置 | 插件 页面， Marketplace 选项卡中，如 从 JetBrains Marketplace 安装插件中所述。
安装 terser
在嵌入的 终端 （Alt+F12 ）中输入：
npm install --save-dev terser了解更多信息，请访问 npmjs 官方网站。
创建一个 File Watcher
在 设置 对话框（Ctrl+Alt+S ）中，点击 File Watchers 下的 工具。 File Watchers 页面 显示了已配置的 File Watchers 列表。
点击
或按 Alt+Insert 并从列表中选择 UglifyJS 预定义模板。
新观察者 对话框打开。
在 程序 字段中，指定 terser 可执行文件的位置。 手动输入路径或点击
并在打开的对话框中选择文件位置。默认情况下， 范围 字段显示 项目文件。 为了避免已经压缩的文件再次压缩，请按照 定义新范围中所述配置带有
file:*js&&!file:*.min.*模式的自定义范围。
然后从 作用域 列表中选择新的作用域。
如有必要，根据 File Watchers 中所述接受其他默认的文件监视器设置或重新配置它们，然后点击 OK。 IntelliJ IDEA 将您带回 File Watchers 页面，新的文件监视器已添加到列表中：
请确保选中 已启用 复选框。
默认情况下，File Watcher 将在当前项目中可用。 要在其他项目中使用它，请从 全局 列表中选择 级别。
运行 terser
IntelliJ IDEA 会在您更改 选定范围中的 JavaScript 文件时自动运行 terser。