让 TypeScript 为闭包编译器导出正确的函数名称？

Question

我有以下 TypeScript：

namespace CompanyName.HtmlTools.Cookie
{

    export function eraseCookie(name:string, path:string)
    {
        createCookie(name, "", path, -1);
    }


    export function readCookie(name:string) 
    {
        var nameEQ:string = name + "=";
        var ca:string[] = document.cookie.split(';');
        for(var i=0;i < ca.length;i++) 
        {
            var c:string = ca[i];
            while (c.charAt(0) == ' ') c = c.substring(1, c.length);
            if (c.indexOf(nameEQ) == 0) 
                return c.substring(nameEQ.length, c.length);
        }
        return null;
    }


    // http://stackoverflow.com/questions/14573223/set-cookie-and-get-cookie-with-javascript
    // http://blog.codinghorror.com/protecting-your-cookies-httponly/
    export function createCookie(name:string, value:string, path:string, days:number) 
    {
        var expires:string = "";

        if(!path)
            path = "/";

        if (days) 
        {
            var date:Date = new Date();
            date.setTime(date.getTime()+(days*24*60*60*1000));
            expires = "expires=" + date.toUTCString() + "; ";
        }

        var allValues = name + "=" + encodeURIComponent(value) + "; " + expires + "path=" + path + ";";
        if(window.location.protocol === 'https:')
            allValues += " secure;"

        document.cookie = allValues;
    }


    export function getDirName(path:string)
    {
        if(path === null) return '/';

        if(path.indexOf("/") !== -1)
        {
            var subs:string[] = path.split('/') //break the string into an array
            subs.pop() //remove its last element
            path = subs.join('/')  //join the array back into a string
            if(path === '')
                return '/';
            return path;
        }

        return "/";
    }


}

现在我希望能够像这样使用这个打字稿的最小化和优化的 JavaScript：

CompanyName.HtmlTools.Cookie.createCookie("name","value", "path", 2);

但是，当我通过 google 闭包编译器（仅在高级模式下）运行它时，漂亮的函数名称消失了，我有了 CompanyName.HtmlTools.Cookie.f，它破坏了使用此脚本的所有其他脚本。

现在，问题似乎是，在 TypeScript 转译器创建的未压缩的 javaScript 中，有这样的：

Cookie.createCookie = createCookie;

如果是的话

Cookie["createCookie"] = createCookie;

然后它将在高级模式下的 Closure-Compiler 中工作。

有没有办法让 TypeScript 将函数导出为

Cookie["createCookie"] = createCookie;

而不是

Cookie.createCookie = createCookie;

?

命名空间也一样，应该是

})(window["CompanyName"]|| (window["CompanyName"] = {}));

而不是

})(公司名 || (公司名= {}));

Answer 1

使用一个通用的超类来存储静态方法：

在 TypeScript 中，类的静态属性是继承的，而在 Closure 中则不是。为了解决这个问题，我们创建了一个通用的超类。

这些虚假的超类实际上并不存在，只是为了模拟 TypeScript 定义文件中goog.inherits(SubClass, SuperClass) 的行为。在非声明 TypeScript 代码中调用 new SuperClass__Class 或 extends SuperClass__Class 将产生运行时错误。您应该在非声明 TypeScript 代码中使用 new SuperClass 和 extends SuperClass。

参考文献

• TypeScript Closure Tools

Answer 2

Cookie["createCookie"] = createCookie;

使用此 ^ 解决方法或在闭包编译器上切换名称修饰。