Symfony 3.4 - Webpack Encore и DOMPurify

Question

Я пытаюсь интегрировать DOMPurify в свой проект Symfony, но я продолжаю получать

DOMPurify не определен

В консоли моего браузера.В моем app.js у меня есть:

import '../scss/custom.scss';
import $ from 'jquery';
import DOMPurify from 'dompurify';

global.$ = global.jQuery = $;

window.Popper = require('popper.js');
require('bootstrap');

И в моем шаблоне:

{% block js %}
    {{ encore_entry_script_tags('app') }}
{% endblock %}

<script type="text/javascript">
    $('form[name=search_full]').submit(function(event) {
        let search = $('input[name=search]');
        search.value = DOMPurify.sanitize(search.value);
    });
</script>

Я не уверен, как правильно интегрировать его в мой проект.Есть идеи?

Answer 1

Для тех, у кого есть аналогичная проблема, решение добавляет следующую строку в ваш файл app.js:

window.DOMPurify = require('dompurify');