Использовать пакет Webpack JS в файле twig

Я действительно новичок в twig и webpack.

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

например, я устанавливаю пакет boostrap-select и требую, чтобы он был в app.js

// app.js

var $ = require('jquery');

require('bootstrap/dist/js/bootstrap');
require('bootstrap-select/dist/js/bootstrap-select');

$(document).ready(function () {

    $('.selectpicker').selectpicker({});
})(jQuery);

все в порядке и работает отлично, но при вызове этой пакетной функции внутри файла twig, как это

{% block javascripts %}
    <script type = "text/javascript" src = "{{ asset('b/app.js') }}"></script>
    <script>
        $('.selectpicker').selectpicker({});
    </script>
{% endblock %}

Я получаю ошибку.

Uncaught TypeError: $(...).selectpicker is not a function

после поиска в Google в течение одного дня я обнаружил, что не могу этого сделать ... и я должен сделать некоторые дополнительные вещи ... все примеры связаны с jQuery.

как насчет других пакетов? как определить функцию из пакетов yarn глобально и использовать ее в файле twig.

Я пробую все эти решения, но у меня это не работает

funtionName = require('package path')
window.functionName =  functionName;
global.funtionNmae = functionName;

у кого-нибудь есть решения, мне просто нужно вызвать функцию в ветке :(.