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

Question

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

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

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

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

这可能吗？ :)

Answer 1

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

如果情况并非如此(即只有 webpack 已到位)，那么我建议使用 script-loader 。然而，这意味着 webpack 将打包整个 B.js。预计 webpack 的速度会很慢。

在我的 Mac 上，webpack 需要 2 秒以上的时间来处理一个 17 MB 的 js 文件 script-loader 。如果没有大的 js 文件，则需要 100 毫秒。