codecamp

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

Meteor全栈框架
IntelliJ IDEA模块依赖关系图
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

IntelliJ IDEA的一般准则

什么是IntelliJ IDEA项目

使用IntelliJ IDEA的意图行为

IntelliJ IDEA使用运行/调试配置

特定于VCS的程序

IntelliJ IDEA语言和特定框架指南

IntelliJ IDEA的数据库和SQL功能

IntelliJ IDEA使用之JavaServer Faces(JSF)

IntelliJ IDEA:分析PHP应用程序的性能

IntelliJ IDEA:调试PHP应用程序

IntelliJ IDEA:适用于PHP的Google App Engine

IntelliJ IDEA更多内容

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }