最小化 JavaScript
最小化或 压缩是指在不改变源代码功能的前提下，移除所有不必要的字符，如空格、换行、注释。 在开发和调试期间，这些字符会使代码更易于阅读。 在生产阶段，它们只会增加需要传输的代码体积。
大多数情况下，压缩作为构建流程中的一个步骤进行，可使用诸如 webpack等构建工具。 如果不使用构建工具，您可以使用独立工具，例如 terser。
要自动最小化您的代码，您需要安装一个最小化工具并配置一个 文件监视器 ，它将跟踪文件的更改并运行该最小化工具。
默认情况下，只要文件监视器的作用域内的 JavaScript 文件发生更改并保存，就会开始最小化。 您可以指定其他 触发该工具的事件。 详细了解请参阅 文件监视器。
生成的最小化代码会存储在一个单独的文件中，该文件与源 JavaScript 文件同名，并使用扩展名 min.js 。 此生成文件的位置在 New Watcher 对话框的 要刷新输出的路径 字段中定义。 但是，在 项目树 中，最小化代码的文件显示在源 JavaScript 文件下方，后者作为一个节点显示。 若要更改此默认呈现方式，请在 项目 工具窗口 Alt+1 中 配置文件嵌套。
下面的示例演示如何直接在 PyCharm 中使用 terser 最小化您的 JavaScript 代码。
示例：使用 terser 压缩 JavaScript
要自动压缩您的代码，您需要安装 terser 并配置一个 UglifyJS 文件监视器 ，它将跟踪文件更改并运行该工具。
默认情况下，只要文件监视器的作用域内的 JavaScript 文件发生更改并保存，就会开始最小化。 您可以指定其他 触发 terser 的事件。 详细了解请参阅 文件监视器。
生成的最小化代码会存储在一个单独的文件中，该文件与源 JavaScript 文件同名，并使用扩展名 min.js 。 此生成文件的位置在 New Watcher 对话框的 要刷新输出的路径 字段中定义。 但是，在 项目树 中，最小化代码的文件显示在源 JavaScript 文件下方，后者作为一个节点显示。 若要更改此默认呈现方式，请在 项目 工具窗口 Alt+1 中 配置文件嵌套。
开始之前
安装 terser
在嵌入式 终端 （Alt+F12 ）中，键入：
npm install --save-dev terser详细了解请参阅 npmjs 官方网站。
创建文件监视器
在 设置 对话框（Ctrl+Alt+S ）中，在 工具 下点击 文件监视器。 打开的 文件监视器页面显示已配置的文件监视器列表。
点击
或按下 Alt+Insert ，然后从列表中选择 UglifyJS 预定义模板。
新建监视器 对话框将打开。
在 程序 字段中，指定 terser 可执行文件的位置。 手动输入路径，或点击
，并在随即打开的对话框中选择文件位置。默认情况下， 作用域 字段显示 项目文件。 为避免对已最小化的文件再次进行最小化，请按照 定义新作用域中的说明，使用
file:*js&&!file:*.min.*模式配置自定义作用域。
然后从 作用域 列表中选择新作用域。
接受其他默认的文件监视器设置，或在必要时按照 文件监视器 中的说明重新配置它们，然后点击 确定。 PyCharm 将您带回 文件监视器 页面，在该页面中，新文件监视器已添加到列表：
请确保已选中 启用 复选框。
默认情况下，文件监视器将在当前项目中可用。 要在其他项目中使用它，请在 级别 列表中选择 全局。
运行 terser
PyCharm 会在您更改 选定作用域中的 JavaScript 文件时自动运行 terser。
您可以按照 配置高级选项中的说明，将 terser 配置为在其他事件时运行。