通过webpack文件共享变量

Question

我有两个js文件。第一个文件:

var object1 = {
    foo: 'bar'
}

第二文件

var object2 = {
    foo2: 'bar2'
}
console.log(object1.foo);

这两个文件是用webpack构建到bundle.js文件的。但是在这种情况下，我遇到了麻烦——object1变量没有定义。

我分析了bundle.js文件中的代码- webpack为每个文件创建匿名函数-我明白了为什么我有错误。

是否可以使用webpack ?

当然，我可以使用这个变量作为全局变量，但我认为-这不是一个好主意

Answer 1

答案很简单，只需使用require

var object1 = require('./object1.js');
var object2 = {
    foo2: 'bar2'
}
console.log(object1.foo);