我的问题与其他人的问题非常接近，我认为答案仍然需要另一个WebPack步骤，我想避免这一步骤。但是这里首先是故事：
我有一个libfoo提供一些功能并需要一些第三方模块的Node模块（我们称之为），还有一个小脚本main.js提供了主要的入口点并要求libfoo：
main.js：
const foo = require('foo');
function main() {
foo.bar();
}
main();
我现在想使用WebPack 将libfoo其main.js变成浏览器可执行文件。而且我想libfoo（很大）要静态地驻留在目标系统上，而又main.js很小，并且变化很快（想像一下一个测试场景，其中libfoo是我要测试的模块，main.js其中包含变化的代码片段）
我设法创建两个包-我们姑且称之为foo.browser.js及main.browser.js-这包含所有需要的功能，但我不能管理做出main.browser.js正确导入foo.browser.js。
我还不太喜欢WebPack-到目前为止，我仍无法弄清楚发生了什么。我当前的方法如下：我foo.browser.js通过运行以下命令进行构建：
webpack --output-filename foo.browser.js foo.js
我有一个webpack.config.js为main.js它看起来像这样：
module.exports = {
externals: {'foo': 'foo'}, // don't know what I'm doing here - added `commonjs` …