Symfony 3.4 - Webpack Encore 和 DOMPurify

Question

我正在尝试将 DOMPurify 集成到我的 Symfony 项目中，但我不断收到

DOMPurify isn't defined

在我浏览器的控制台中。在我的 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');

Symfony 3.4 - Webpack Encore 和 DOMPurify

Symfony 3.4 - Webpack Encore and DOMPurify

javascript

symfony

webpack-encore

dompurify