禁用對特定文件的Webpack功能處理

Question

我正在使用webpack捆綁我的角度應用程序。

捆綁的文件之一包括應用程序所需的所有模型，這些模型是使用構造函數定義的。

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