缩小JavaScript

缩小JavaScript

此功能仅在Ultimate版本中受支持。

IntelliJ IDEA与Closure Compiler， YUI Compressor和UglifyJS集成 ，可以让您即时压缩JavaScript应用程序源。

术语minification或compression（缩小或压缩）意味着删除所有不必要的字符，例如空格，换行符，注释而不改变源代码的功能。在开发和调试阶段，这些字符可以提高代码的可读性。但是在生产阶段，它们不再需要代码执行，只会增加要传输的代码的大小。

在你开始之前，请确保：

1. 安装了Node.js。

2. 如果要使用YUI Compressor或Closure Compiler，请下载并安装Java Runtime Environment（JRE）：

   • YUI Compressor的JRE 1.4或更高版本。

   • 闭包编译器的JRE版本7。

安装缩小工具

• 要安装UglifyJS，请打开内置IntelliJ IDEA终端（Alt+F12）并输入：npm install uglify-js或npm install uglify-js@<version>。您可以从UglifyJS官方网站了解更多信息。

• 要安装YUI Compressor，请按照YUI Compressor官方网站上的说明进行操作。

• 要安装Closure Compiler，请按照Closure Compiler官方网站上的说明进行操作。

压缩代码

要动态压缩代码，您需要将缩小工具配置为IntelliJ IDEA文件观察器。

创建一个文件观察器：

1. 在“设置/首选项”对话框（Ctrl+Alt+S）中，单击“工具”下的“文件观察器” 。“文件观察器”页面将打开。

2. 单击并从列表中选择相关的文件观察器模板。

3. 在打开的“新观察器”对话框中，在Program字段中指定相关可执行文件或.jar存档的路径：

   • 对于Closure Compiler：compiler.jar。

   • 对于YUI Compressor JS：yuicompressor-<version>.jar。

   • 对于UglifyJS：uglifyjs.cmd。

4. （可选）自定义文件观察器的行为。

5. 确保选中文件观察器旁边的复选框，表示已启用文件观察器。

运行压缩机

启用缩小文件观察器后 ，只要更改或保存文件观察器范围中的JavaScript文件，就会自动开始缩小。

IntelliJ IDEA使用生成的输出创建单独的文件。该文件具有源JavaScript文件的名称和扩展名min.js。生成的文件的位置在“新观察器”对话框的“要刷新的输出路径”文本框中定义。但是，在项目树中，默认情况下它显示在源JavaScript文件下，该文件现在显示为节点。要更改默认表示，请在“项目”工具窗口中配置文件嵌套。