缩小JavaScript
缩小JavaScript
此功能仅在Ultimate版本中受支持。
IntelliJ IDEA与Closure Compiler, YUI Compressor和UglifyJS集成 ,可以让您即时压缩JavaScript应用程序源。
术语minification或compression(缩小或压缩)意味着删除所有不必要的字符,例如空格,换行符,注释而不改变源代码的功能。在开发和调试阶段,这些字符可以提高代码的可读性。但是在生产阶段,它们不再需要代码执行,只会增加要传输的代码的大小。
在你开始之前,请确保:
安装了Node.js。
- 如果要使用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文件观察器。
创建一个文件观察器:
在“设置/首选项”对话框(Ctrl+Alt+S)中,单击“工具”下的“文件观察器” 。“文件观察器”页面将打开。
单击并从列表中选择相关的文件观察器模板。
- 在打开的“新观察器”对话框中,在Program字段中指定相关可执行文件或.jar存档的路径:
对于Closure Compiler:compiler.jar。
对于YUI Compressor JS:yuicompressor-<version>.jar。
对于UglifyJS:uglifyjs.cmd。
(可选)自定义文件观察器的行为。
确保选中文件观察器旁边的复选框,表示已启用文件观察器。
运行压缩机
启用缩小文件观察器后 ,只要更改或保存文件观察器范围中的JavaScript文件,就会自动开始缩小。
IntelliJ IDEA使用生成的输出创建单独的文件。该文件具有源JavaScript文件的名称和扩展名min.js。生成的文件的位置在“新观察器”对话框的“要刷新的输出路径”文本框中定义。但是,在项目树中,默认情况下它显示在源JavaScript文件下,该文件现在显示为节点。要更改默认表示,请在“项目”工具窗口中配置文件嵌套。