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

Question

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

Answer 1

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

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

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

以上解决了'unused'问题

但是我还有一个问题，那就是在供应商库之一中有许多全局函数。 webpack 将它们包装在一个自调用函数中，并且 executes.because 这个范围受到了影响。全局函数在该范围内是本地的，不可用 outside.so 我无法将 vendor 和 app 打包为单个文件。可能如果有任何方法可以暴露全局变量会更好。

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

webpack minify with global variables and methods for selective files in React

javascript

reactjs

webpack