在特定文件上禁用 webpack 函数重整

Question

我正在使用 webpack 来捆绑我的 angular 应用。

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

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
                    }
                }
            })
        ]
    }