Javascript 如何在网页中禁用函数名的重命名？类型脚本

如何在网页中禁用函数名的重命名？ 我在我的代码中输入了这个类的名称：

import { MenuBlocksMenuPage } from "../pages/menu/blocks/menupage";

但在已编译的文件中，行变成不可读的字符串

/* harmony import */ var __WEBPACK_IMPORTED_MODULE_73__pages_menu_blocks_menupage__ = __webpack_require__(669);

我的问题是:

---

Webpack中有什么选项可以禁止更改类或函数名？

我遇到了同样的问题，Andrew Mackie的链接所指的TerserPlugin可以解决这个问题，但也是一个相当沉重的解决方案。一个选项是更改webpack中的优化设置的工作方式。一个方便的方法（不用考虑太多）是：

优化：{
最小化：真|假|“压缩”|“保留”
}

“压缩”将删除空白，但不会损坏 “保留”将最小化但不会损坏函数名和类名

以下是webpack.conf的简洁配置：

优化：{
对,，
最小值：[
新的TerserPlugin({
三种选择：{
保持类名：true，
保持沉默：对
}
})
]
},