使用 webpack 通过文件共享变量

Question

我有 2 个 js 文件。第一个文件：

var object1 = {
    foo: 'bar'
}

第二个文件

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

这 2 个文件是用 webpack 构建到 bundle.js 文件。但在这种情况下我遇到了麻烦 - 未定义 object1 变量。

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

是否可以用webpack做？

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

Answer 1

回答很简单，用require就可以了

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

Sharing variables through files with webpack