webpack - var не определен

Question

У меня есть переменная, которая установлена ​​в файле с именем script.js:

// ...

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

// ...

Файл 'script.js' упаковывается веб-пакетом как часть сборки Symfony.Затем я пытаюсь получить доступ к foo в теге сценария html-файла:

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

Но я получаю сообщение об ошибке, что foo не определено.

Я попытался установить его в глобальном пространстве имен,опуская тег let:

// ...

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

// ...

Я получил ту же ошибку.

Затем я попытался установить foo как глобальную переменную в script.js с обоими window и global:

//...

let foo = {
    bar() {
        return 'done';
    }
}
window.foo = foo;
// global.foo = foo;

//...

Но я получаю ошибку foo is not defined.

По сути, мой вопрос: как я могу установить foo.bar в script.js, а затем включить его в файл шаблона / html, после включения?

РЕДАКТИРОВАТЬ

Я должен был указать, но файл script.js должен быть включен в сторонний сайт, например,

<script src="baz.com/foo"></script>
<script>
    foo.bar();
</script>

Я использовал browserify, ноПроект требует, чтобы он был в веб-пакете.