如何让Google的闭包库加载速度更快?

Zac*_*urt 4 javascript google-closure google-closure-library

我正在写一个基于[ libphonenumber ] 的简单电话号码解析器.不幸的是,"http://closure-library.googlecode.com/svn/trunk/closure/goog/base.js"需要永远加载,当我忘记文件并将其包含为src ="base.js"时,弹出一堆错误.

我的猜测是因为库尚未加载,所以goog.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>
Run Code Online (Sandbox Code Playgroud)

Cha*_* Ma 11

闭包库旨在与闭包编译器一起使用,以编译和缩小您的javascript以进行生产.它不打算在生产中用作原始文件.即使在您的开发环境中,您也可以使用http://plovr.com/动态编译和提供您的JavaScript.

由于类型注释和类似java的结构,闭包在原始形式中非常冗长,闭包编译器不仅会缩小脚本,还会优化和删除未使用的脚本以使事情更快.

这是使用plovr动态提供javascript代码的示例

java -Xmx256m -jar plovr.jar serve -p 9811 /path/to/your/closure/config.js
Run Code Online (Sandbox Code Playgroud)

这将在localhost:9811上提供已编译的javascript文件.用于生产:

java -jar plovr.jar build /path/to/your/closure/config.js > production.js
Run Code Online (Sandbox Code Playgroud)

看一下http://plovr.com/docs.html文档,了解如何配置plovr来编译或提供你的javascript.


Rob*_*Rob 8

您不应该首先直接链接库.

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

<script src="base.js">

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