在webpack

Question

我正在测试Webpack功能，并且有一个我不知道如何处理的有趣用例。也就是说，我得到了：

1. 文件A.js：一个JS模块，它使用Webpack导入并定义了许多变量和实用程序函数。
2. 文件B.js：从另一种编程语言生成的大（> 10mb）JS文件，它应该使用A.js中定义的变量和函数，但是，它不是Webpack模块，不使用Webpack导入。

现在我想在一个环境中同时使用它们，但是：

1. 我不想将它们编译成单个文件（这需要太长时间，而且显然没必要）。我很想从A.js（和其他本地JS文件，A使用）生成包，并希望只使用B.js而不进行不必要的转换。
2. 我不希望Webpack甚至解析B.js寻找导入等来最小化构建时间。我只想告诉Webpack B.js应该能够访问A.js的范围。

有可能吗？ ：）

Answer 1

如果您已经在side webpack上有任何其他构建工具，我建议让该构建/组装工具处理B.js并将其保存在webpack捆绑之外。这样webpack甚至不知道有B.js。这也意味着webpack不会对那个大的B.js进行处理。

如果不是这种情况（即只有webpack到位），那么我建议使用script-loader。但是，这意味着webpack会捆绑整个B.js。使用webpack预计事情会变得缓慢。

在我的Mac上，对于带有script-loader的17 MB js文件，webpack需要2秒多的时间。没有大的js文件需要100毫秒。