Функция Symfony 4 Javascript не определена

Я создал app.js (и app.scss) для использования с Symfony Encore.

└───assets
    ├───css
    │   └───app.scss
    └───js
        └───app.js

app.js:

/**
 * Name: app.js
 * Desc: Main application javascript
 */

var $ = require('jquery');
require('bootstrap-sass');
require('../css/app.scss');

// Initialize tooltips
$(function () {
  $('[data-toggle = "tooltip"]').tooltip()
});

var openLoginModal = function(element){
    $('#login-modal').modal('show');
}

В одном из моих шаблонов я хочу иметь возможность установить событие onclick для вызова функции openLoginModal, определенной в app.js.

<a class = "btn btn-info navbar-btn navbar-right" data-toggle = "login-modal" onclick = "openLoginModal(this)">Login</a>

При щелчке по элементу привязки в консоли отображается следующая ошибка:

Uncaught ReferenceError: openLoginModal is not defined
    at HTMLAnchorElement.onclick ((index):29)

Я предполагаю, что по какой-то причине я не могу получить доступ к функциям из app.js, но я недостаточно знаю о webpack, чтобы понять, почему это