Closure Compiler-JavaScript库项目的最佳实践？

我正在尝试使用Closure Compiler来最小化和验证我的Java Script库，而我正努力解决一个问题。我创建了一个小项目来突出问题。这是我图书馆的带有公共API的externs文件。我是根据以下定义的：

/**
 * @fileoverview Public API of my-lib.js
 *
 * @externs
 */
const myLib = {};

myLib.foo = function() {};

这是实现：

// const myLib = {};

myLib.foo = function() {
  console.log("foo");
};

所以问题是，如果我取消第一行的注释，则会出现此错误：

my-lib.js:1:6: ERROR - [JSC_REDECLARED_VARIABLE_ERROR] Illegal redeclared variable: myLib
  1| const myLib = {};
           ^^^^^^^^^^

如果我不这样做，则输出看起来像这样：

(function(){myLib.foo=function(){console.log("foo")};})()

这很好，因为myLib.foo未被重命名，所以外部函数可以正常工作，但与此同时myLib命名空间尚未创建。

解决此类问题的最佳实践是什么？或者，如果没有解决方案，也许有解决方法？

我将此示例推送到github：

Externs 为编译器应该认为已经存在的符号提供定义。

有几种解决方案：

/** @suppress {const,duplicate} */
const myLib = {}

或在内部使用单独的名称并以编译器不会检查的方式分配它：

globalThis['myLib'] = myInternalName;

相关问答