javascript - 当我在生产模式下将源代码与 webpack 捆绑时，如何避免丢失类名？

Question

当我在开发模式下捆绑下面的代码并运行 abc() 时，

class Foo { ... }

export function abc () { return new Foo(); }

我得到了Foo { ... }。

但是与生产模式捆绑在一起，我得到了类似 k { ... } 的内容，并且丢失了有关类名的信息。

如何避免这种情况？

换句话说，我想缩小除类名之外的代码，因为我想将源代码用作库 npm install my-github-repository 和 require("abc").

Answer 1

webpack 配置 sourcemap，然后使用 uglifyjs-webpack-plugin 包设置输出 souremap 保留类名和函数名

new UglifyJsPlugin({
    sourceMap: true,
    parallel: 4,
    uglifyOptions: {
        keep_classnames: true,
        keep_fnames: true
    }
})