使用 webpack 和 babel 进行缩小，同时保留函数名称

Question

我试图通过重命名我的函数来阻止 babel 和 webpack 之间发生的缩小。我遇到过这个，但显然没有设置正确的选项。

这是我的 webpack 配置文件。我需要更改什么才能使其保留我的函数名称？

const path = require('path');
const MinifyPlugin = require('babel-minify-webpack-plugin');

module.exports = {
    entry: {
        translate: ["@babel/polyfill", "./Scripts/es6/translate.js"],
        setupForm: ["./Scripts/es6/setupForm.js"],
        prelimForm: ["./Scripts/es6/prelimForm.js"],
        recruiters: ["./Scripts/es6/recruiters.js"]
    },
    output: {
        filename: '[name].js',
        path: path.resolve(__dirname, './Scripts/build'),
    },
    plugins: [
        new MinifyPlugin({
            "keepFnName": true
        }, {})
    ],
    module: {
        rules: [{
            loader: 'babel-loader',
            test: /\.js$/,
            exclude: /node_modules/,
            query: {
                presets: ['@babel/preset-env']
            }
        }]
    }
}

Answer 1

terser-webpack-plugin负责缩小 html，你可以传递给它keep_fnames: false。

module.exports = {
  optimization: {
    minimizer: [
      new TerserPlugin({
        terserOptions: {
          keep_fnames: true,
        },
      }),
    ],
  },
};