缩小JavaScript

由 Carrie 创建, 最后一次修改 2018-10-09

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

以上内容是否对您有帮助:
python零基础入门到爬虫实战
二维码
建议反馈
二维码