我怎样才能使google的闭包库加载得更快?

How can I make Google's closure library load faster?

本文关键字：加载 闭包 google      更新时间：2023-09-26

我正在编写一个基于[libphonenumber]的简单电话号码解析器。不幸的是，"http://closure-library.googlecode.com/svn/trunk/closure/goog/base.js"需要永远加载，当我得到的文件，只是包括它作为src="base.js"，一堆错误弹出。

我猜这是因为库还没有加载，所以google .require()语句失败了。

我能做什么?

<!DOCTYPE html>
<html>
<head>
<title>Phone Number Parser</title>
<script src="http://closure-library.googlecode.com/svn/trunk/closure/goog/base.js"></script>
<script>
  goog.require('goog.dom');
  goog.require('goog.json');
  goog.require('goog.proto2.ObjectSerializer');
  goog.require('goog.string.StringBuffer');
</script>
<script src="phonemetadata.pb.js"></script>
<script src="phonenumber.pb.js"></script>
<script src="metadata.js"></script>
<script src="phonenumberutil.js"></script>
</head>
<body>
<script>
numbers = ['6509066389', '+40723875777', '720-935-6433', '914-262-7178', '7123040634'];
for (i in numbers) {
    console.log(format_for_five9(numbers[i]));
}
function format_for_five9(phoneNumber) {
  var $ = goog.dom.getElement;
  var regionCode = 'US'; 
  var output = new goog.string.StringBuffer();
  try {
    var phoneUtil = i18n.phonenumbers.PhoneNumberUtil.getInstance();
    var number = phoneUtil.parseAndKeepRawInput(phoneNumber, regionCode);
    number_json_serial = goog.json.serialize(new goog.proto2.ObjectSerializer(goog.proto2.ObjectSerializer.KeyOption.NAME).serialize(number));
    number_json = goog.json.parse(number_json_serial);
    if(phoneUtil.isValidNumberForRegion(number, regionCode)) {
        five9_format = number_json.national_number.toString();
    }
    else {
        five9_format = number_json.country_code.toString() + number_json.national_number.toString();
    }
  } catch (e) {
    output.append(''n' + e);
    console.log(e);
  }
  return five9_format;
}
</script>
</body>
</html>

闭包库意味着与闭包编译器一起使用，以编译和缩小您的javascript用于生产。它不打算在生产中作为原始文件使用。即使在你的开发环境中，你也可以使用http://plovr.com/来动态编译和服务你的javascript。

闭包在原始形式下是非常冗长的，因为类型注释和类似java的结构，闭包编译器不仅会最小化脚本，还会优化和删除未使用的脚本，以使事情更快。

下面是一个使用plovr动态服务javascript代码的例子

java -Xmx256m -jar plovr.jar serve -p 9811 /path/to/your/closure/config.js

将在localhost:9811上提供编译后的javascript文件。生产:

java -jar plovr.jar build /path/to/your/closure/config.js > production.js

请查看文档http://plovr.com/docs.html，了解如何配置plovr来编译或服务您的javascript。

一开始就不应该直接链接库。

解决方案是下载整个库并将它们托管在托管上述代码的同一web服务器上。你可能应该将javascript存储在与 phonemetdata .pb.js、metadata.js等相同的目录中。这将允许您像所有其他脚本一样包含脚本:

<script src="base.js">

您可以通过git (git clone https://github.com/google/closure-library.git)或zip文件下载Closure。

相关文章：