webpack - 禁用对特定文件的 webpack 功能修改

Question

我正在使用 webpack 来捆绑我的 Angular 应用程序。

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

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

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

有什么办法可以做到这一点？

Answer 1

有关更详细的配置选项，请参见

您可以尝试添加多个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
                    }
                }
            })
        ]
    }