Webpack：多个js文件的单一范围？

Question

想象一下两个javascript文件和一个入口点文件：

app.js：

require(a.js);
require(b.js);

a.js：

var a = 4;

b.js：

var b = a+1;
console.debug(b);

遗憾的是，这不起作用，因为文件a的上下文在文件b中丢失，意味着 b.js不知道任何名为的变量。

如何使用Webpack解决这个问题 - 我只想获得与

相同的结果

<script src="a.js"></script>
<script src="b.js"></script>

增加了通过Webpack捆绑的效果。

Answer 1

使用ES2015模块（可能无法使用，您可以使用require代替）

<强> a.js：

export var a = 4;

<强> b.js

import { a } from "./b.js";
var b = a+1;
console.debug(b);

Webpack是一个模块构建/捆绑系统，它通过从javascript文件创建UMD（通用模块）来工作。您必须导入/导出这些模块才能使它们在范围内。