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