在webpack中包含一个生成的大文件

Question

我正在测试Webpack功能，并且有一个有趣的用例，我不知道如何处理。 即，我有：

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

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

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

可能吗？ :)

Answer 1

如果您在侧边的webpack上已经有了任何其他构建工具，我建议让该构建/组装工具处理B.js ，并将其保留在webpack捆绑之外。 这种方式webpack甚至不知道存在B.js 这也意味着B.js无需处理那么大的B.js。

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

在我的Mac上，使用script-loader将webpack占用17 MB js文件需要2秒钟以上的时间。 如果没有大型js文件，则需要100毫秒。