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

Posted 2023-03-13

【中文标题】如何在 Webpack 中禁用重命名函数名？打字稿，Javascript

【英文标题】：How to disable in Webpack to rename of function names? TypeScript, 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 中有哪些选项可以禁止更改类或函数名称？

【参考方案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
            
          )
        ]
  ,