webpack使用React中的选择性文件的全局变量和方法进行缩小

Question

我创建了一个React JS应用程序。我使用webpack来最小化我的javascript代码。我需要提供一个单独的javascript文件作为输出（供应商+应用程序代码）到另一个集成了这个的工具。当我尝试使用uglify插件最小化我的代码或使用webpack命令webpack的'-p'选项时，问题将所有全局变量和方法删除为未使用（特别是在一个特定供应商文件中），但它们在我的代码中使用。所以有什么可以最小化使用webpack但不删除某些选择性文件中的全局变量。

Answer 1

我做了一些搜索并找到了我的问题的答案。

1）包含未使用的全局变量和方法，而不是在uglifying使用uglify插件选项时删除它们

 new webpack.optimize.UglifyJsPlugin({
        compress:{
            unused : false
        }
    })

以上解决了“未使用”的问题

然而，我在其中一个供应商库中遇到了另外一个问题，那里有许多全局函数。 webpack将这些包装在自调用函数中并执行。因此，范围受到影响。全局函数是该范围的本地函数，并且在外部不可用。因此我无法将供应商和应用程序一起打包为单个文件。如果有任何方法可以揭示更好的全局变量。