javascript - Webpack 重命名函数

Question

您好，我在使用 webpack 时遇到一些问题。我有这个 webpack 配置

module.exports = {
    name: "front",
    mode: "production",
    context: path.resolve(__dirname, 'src'),
    entry: [
        './jquery/photoswipe.addon_offer_and_order.min.js',
        './jquery/photoswipe.min.js',
        './jquery/photoswipe-ui-default.min.js',
        './deprecated.js',
        './index.js',
    ],
    output: {
        filename: "index.min.js",
        path: path.resolve(__dirname, 'dist')
    },
    optimization: {
        moduleIds: 'named'
    }
}

一切都很好，但我有一个 deprecated.js 并且其中包含所有已弃用的函数...

示例:

function updateSearchCharacteristic(url, category_id) {
    console.warn("This method is deprecated please use shopSearch.updateCharacteristic()");
    return shopSearch.updateCharacteristic(url, category_id);
}

function moveBlockAnfrageGuest() {
    console.warn("This method is deprecated please use shopUser.moveOrderAndOfferLinkForGuest()");
    return shopUser.moveOrderAndOfferLinkForGuest();
}

Webpack 重命名了所有这些函数，如果有人使用旧函数，他不会看到错误并且返回不起作用..如何不重命名该文件中的函数，而是压缩

Answer 1

我解决了这个问题:

npm install -D script-loader terser-webpack-plugin

在配置中添加了一个模块并“需要”一个插件

const TerserPlugin  = require('terser-webpack-plugin')

 module: {
        rules: [
            {
                test: /deprecated.js/,
                use : [
                    {
                        loader: 'script-loader',
                        options:{
                            plugins: [
                                new TerserPlugin({
                                    terserOptions: {
                                        keep_fnames: true,
                                    }
                                })
                            ]
                        }
                    }
                ]
            }
        ]
    }