如何在 Webpack 中禁用重命名函数名？打字稿，Javascript

【问题标题】：How to disable in Webpack to rename of function names? TypeScript, Javascript如何在 Webpack 中禁用重命名函数名？打字稿，Javascript
【发布时间】：2017-07-07 02:39:18
【问题描述】：

如何在 Webpack 中禁用重命名函数名？我的代码中有这个类的名称：

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

但在编译后的文件中，该行变成了不可读的字符串。

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

我的问题是： Webpack 中有哪些选项可以禁止更改类或函数名称？

【问题讨论】：

标签： javascript function typescript webpack

【解决方案1】：

我遇到了同样的问题，Andrew Mackie 的链接指向的 TerserPlugin 将解决这个问题，但也是一个相当繁重的解决方案。一种选择是更改 webpack 中优化设置的工作方式。一种方便的方法（无需深思熟虑）是：

optimization: {
  minimize: true|false|"compress"|"preserve"
}

"compress" 会删除空白但不会破坏 “保留”将最小化但不会破坏函数和类名

这是 webpack.conf 的 Terser 配置：

optimization: {
    minimize: true,
    minimizer: [
        new TerserPlugin({
            terserOptions: {
                keep_classnames: true,
                keep_fnames: true
            }
          })
        ]
  },

【讨论】：