javascript - 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');