JSRUN 用代码说话

缩小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>。
要安装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文件下,该文件现在显示为节点。要更改默认表示,请在“项目”工具窗口中配置文件嵌套。

JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
支付宝
9.99
无法付款,请点击这里
金额: 0
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟