Hello World示例

Closure Compiler应用程序是一个Java 命令行工具，用来对JavaScript代码进行压缩、优化和排错。按照下面的步骤，用一个简单的JavaScript程序尝试Closure Compiler应用程序。

要让程序成功运行，你需要Java Runtime Environment version 6。

1、下载Closure Compiler

创建一个叫closure-compiler的工作目录。

下载Closure Compiler compiler.jar 文件并保存到closure-compiler目录。

2、创建一个JavaScript文件

创建一个名为hello.js的JavaScript文件，并输入下面的内容：

 // A simple function.

 function hello(longName) {

   alert('Hello, ' + longName);

 }

 hello('New User');

将这个文件保存到closure-compiler目录。

3、编译JavaScript文件

在closure-compiler 目录运行下面的命令：

java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js

　　这个命令会创建一个名叫hello-compiled.js的js文件，它包含以下内容：

 function hello(a){alert("Hello, "+a)}hello("New User");

你会注意到编译器已经去掉了代码中的注释、空格和不需要的分号。编译器还把参数名称 longName变成了一个短名称a。结果就是，我们得到了一个比原来小得多的JavaScript文件。

要确认编译后的JavaScript依然能够正确运行，只需把编译后的hello-compiled.js文件包含到一个HTML文件中，就像这样：

<html>

<head><title>Hello World</title></head>

<body>

<script src="hello-compiled.js"></script>

</body>

</html>

在浏览器中加载这个HTML文件，你就会看到一句友好的欢迎词！

下一步

这个例子仅仅展示了Closure Compiler所能完成的最简单的优化工作。想全面了解Closure Compiler的功能，阅读Advanced Compilation and Externs.

想了解更多关于Closure Compiler的选项，只需在执行jar文件的时候加上 --help 标记。

java -jar compiler.jar --help

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License, and code samples are licensed under the Apache 2.0 License. For details, see our Site Policies.

Last updated July 29, 2013.

原文见：https://developers.google.com/closure/compiler/docs/gettingstarted_app

如需转载，请注明转自：http://www.cnblogs.com/silenttiger/p/3441505.html

欢迎关注我的微信公众号：老虎的小窝

Closure Compiler应用程序使用入门[译]的更多相关文章

  1. JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法

    网上搜索了,目前主流的Js代码压缩工具主要有Uglify.YUI Compressor.Google Closure Compiler,简单试用了UglifyJS 和Google Closure Co ...

  2. Closure Compiler(封闭编辑器), Closure Inspector, Closure Templates, 封闭图书馆(Closure Library) Google- 摘自网络

    谷歌日前宣布,将自己开发者使用的一系列工具对外开放.这些工具曾用来开发谷歌的主要产品,包括Gmail.谷歌文档(Google Docs)和谷歌地图(Google Maps). 第一个工具叫做Closu ...

  3. Google Closure Compiler 高级模式及更多思考（转）

    前言 Google Closure Compiler 是 Google Closure Tools 的一员,在 2009 年底被 Google 释出,早先,有 玉伯 的 Closure Compile ...

  4. 使用Google Closure Compiler高级压缩Javascript代码注意的几个地方

    介绍 GCC(Google Closure Compiler)是由谷歌发布的Js代码压缩编译工具.它可以做到分析Js的代码,移除不需要的代码(dead code),并且去重写它,最后再进行压缩. 三种 ...

  5. 使用ASP.NET 构建 Web 应用程序快速入门-8小时的免费培训视频

    - Scott Hanselman的中文博客[转载] [原文发表地址] Building Web Apps with ASP.NET Jump Start - 8 Hours of FREE Trai ...

  6. 微信小程序开发入门教程

    做任何程序开发要首先找到其官方文档,微信小程序目前还在邀请内测阶段,目前官方放出了部分开发文档,经过笔者一天的查看和尝试,感觉文档并不全面,但是通过这些文档已经能够看出其大概面貌了.闲话不多说,我们先 ...

  7. java程序员入门：英语好不好对编程到底有没有影响

    我想当码农,听说钱钱拿的多! 哦.是很有钱!么样? 可是我不会! 那你想么样?去学撒! 可是,我英语差-- 有多差??? 很差-- 那????? 关于英语水平对编程的影响,我们一起来看看啦!希望可以解 ...

  8. 微信小程序初使心得【微信小程序快速入门】

    摘要: 2016年推出微信小程序,时至今日,历经几个版本的更新,已形成了相对实用和稳定的服务平台.本文简单的介绍了微信小程序的入门用法,今后会继续关注和实践. 2016年推出微信小程序,时至今日,历经 ...

  9. Google Closure Compiler高级压缩混淆Javascript代码

    一.背景 前端开发中,特别是移动端,Javascript代码压缩已经成为上线必备条件. 如今主流的Js代码压缩工具主要有: 1)Uglify http://lisperator.net/uglifyj ...

随机推荐

  1. 铁乐学python_day20_面向对象编程2

    面向对象的组合用法 软件重用的重要方式除了继承之外还有另外一种方式,即:组合 组合指的是,在一个类中以另外一个类的对象作为数据属性,称为类的组合. 例:人狗大战,人类绑定上武器来对狗进行攻击: # 定 ...

  2. 超强IIS站点工具一键设置PHP，支持多个PHP同时运行

    PHPWAMP8.8.8.8IN支持三大主流Web服务器:iis.apache.nginx NGINX站点管理.IIS站点管理.Apache站点管理均支持php多版本同时运行,无限自定义mysql.p ...

  3. 超链接<a>标签用法

    1.a标签点击事件 1>1a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且 ...

  4. Curator 基本API

    package bjsxt.curator.base; import java.util.List; import java.util.concurrent.ExecutorService; impo ...

  5. 禁用wps的云文档，恢复到清爽的状态

    wps安装完成后,默认会开启云文档功能,每次打开表格.文档都会显示乱七八糟的一些东西,很麻烦 不得已只好手动为wps“瘦身”: 在wps表格或者文档的快捷方式上右键,选择打开文件所在位置 找到一个最新 ...

  6. 关于WebSocket长链接的详细介绍iOS

    http://www.cocoachina.com/ios/20181030/25327.html

  7. Python学习笔记系列——函数

    今年下半年的计划主要是Python和Mysql了,公司不方便看书和视频,就照着廖雪峰的Python网站开始看了.以下纯为个人笔记记录,若是想系统学习的小伙伴还是看这里的好一些,毕竟系统.https:/ ...

  8. CCF认证201712-1最小差值

    问题描述 给定n个数,请找出其中相差(差的绝对值)最小的两个数,输出它们的差值的绝对值. 输入格式 输入第一行包含一个整数n. 第二行包含n个正整数,相邻整数之间使用一个空格分隔. 输出格式 输出一个 ...

  9. EasyX_无法填充圆颜色的问题

    官网:https://www.easyx.cn/ 在线帮助文档:https://docs.easyx.cn/ 目标:生成一个边框为黄色,填充为蓝色的圆 遇到的问题:使用以下代码,只能生成边框为黄色的圆 ...

  10. rem布局简介

    移动端常见布局: 1.流式布局 高度固定,宽度自适应 2.响应式布局 能够用一套代码适应不同尺寸屏幕 3.rem布局 宽高自适应,能实现整个页面像一张图片一样缩放且不失真的效果. rem布局: em: ...