UglifyJS 不会破坏 TypeScript 生成的函数名称 JavaScript

Question

我有一个简单的 TypeScript class，我将其转译为 ES5，然后与 webpack 2 捆绑在一起，并使用 UgilfyJS3 最小化。

我希望 UgilfyJS 也破坏函数名称 showGreeting()（见下面的代码），但在缩小的 js 文件中，它不是。我可以设置任何其他选项来缩小函数名称，还是我在做一些事情？我知道变量名没有被破坏，但为什么函数名没有被破坏？

这是原始的 TypeScript 文件：

export class Greeter {
    constructor(greeting: string) {
        this.greeting = greeting;
    }

    greeting: string;
    showGreeting() {
        console.log(this.greeting);
    }
}

const myGreeter = new Greeter("hello, world");
myGreeter.greeting = "howdy";
myGreeter.showGreeting();

这是 webpack.config 包括 UglifyJS:

const path = require('path');
const webpack = require('webpack');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
module.exports = {
    entry: './test.ts',
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
    },
    devtool: "source-map",
    resolve: {
        extensions: ['.ts', '.tsx', '.js']
    },
    module: {
        loaders: [
          { test: /\.tsx?$/, loader: 'ts-loader' }
        ]
    },
    plugins: [
        new UglifyJSPlugin({
            mangle: {
                toplevel: true,
                eval: true
            }
        }), 
]
};

并且生成的输出 Javascript 包含以下行：

[function (e, t, r) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var n = function () {
                function e(e) {
                    this.greeting = e
                }
                return e.prototype.showGreeting = function () {
                    console.log(this.greeting)
                },
                e
            }
            ();
            t.Greeter = n;
            var o = new n("hello, world");
            o.greeting = "howdy",
            o.showGreeting()
        }
    ]);

Answer 1

Class 成员是对象属性，UglifyJS 不会破坏属性名称。这里是 an explanation.

来自 Google 的 Closure 编译器 可以完成这项工作。但是很难用，with limitations.

UglifyJS 不会破坏 TypeScript 生成的函数名称 JavaScript

UglifyJS does not mangle function names in TypeScript-generated JavaScript

javascript

uglifyjs

typescript

webpack