webpack-未定义var

Question

我有一个变量，该变量设置在名为script.js的文件中：

// ...

let foo = {
    bar() {
        return 'done';
    }
}

// ...

webpack将'script.js'文件捆绑在一起，作为symfony构建的一部分。 然后，我尝试在html文件脚本标记中访问foo：

<script src="build/script.js"></script>
<script>
    foo.bar();
</script>

但是我得到一个错误，指出foo是不确定的。

我试图通过省略let标签在全局名称空间上进行设置：

// ...

foo = {
    bar() {
        return 'done';
    }
}

// ...

我遇到了同样的错误。

然后我尝试在script.js和window的{​​{1}}中将foo设置为全局变量：

global

但是我不断收到错误//... let foo = { bar() { return 'done'; } } window.foo = foo; // global.foo = foo; //... 。

基本上，我的问题是：如何在包含foo is not defined的{​​{1}}中设置foo.bar，然后在包含它的模板/ html文件中对其进行引用？

EDIT

我应该说，但是script.js文件将被捆绑到第三方网站中，例如

script.js

我正在使用browserify，但是该项目要求它现在必须位于webpack中。