禁用特定文件上的webpack函数修改

Question

我正在使用webpack捆绑我的角度应用。

其中一个捆绑文件包含应用程序所需的所有模型，模型是使用构造函数定义的。

Webpack，通过它的UglifyJS插件，破坏了我的构造函数名称，导致了不同的复杂性。

我想阻止webpack仅在此特定资产上修改函数名称。

有没有办法实现这个目标？

Answer 1

有关更详细的配置选项see

您可以尝试添加UglifyJSPlugin的多个实例。 一个吐出函数名称和 一个产生受损的产品。

使用exclude/include/test缩小每个实例的目标文件范围！

optimization: {
        minimizer: [
            new UglifyJSPlugin({
                test: ...
                include: ...
                exclude: ...
                uglifyOptions: {
                    ecma: 5,
                    warnings: true,
                    mangle: false,
                    keep_fnames: true, <-----  keep it
                    output: {
                        beautify: true,
                        comments: true
                    }
                }
            }),
            new UglifyJSPlugin({
                test: ...
                include: ...
                exclude: ...
                uglifyOptions: {
                    ecma: 5,
                    warnings: true,
                    mangle: true,
                    keep_fnames: false,  <-- mangle them
                    output: {
                        beautify: false,
                        comments: false
                    }
                }
            })
        ]
    }