Webpack: Не разбирать определенный html-тег

Я использую webpack для создания html-шаблонов с помощью языка шаблонов Django. Шаблоны Django содержат переменные и теги, использующие синтаксис {{ }} и {% %}. Webpack проигнорировал их и построил html-шаблоны, как и ожидалось, за исключением анализа тегов srcset.

Webpack ошибается при попытке разобрать следующий html: <source srcset="{% static 'images/my-image.png' %}">

Я бы хотел, чтобы webpack либо полностью игнорировал все теги srcset, либо имел какой-то эквивалент # noqa, который заставляет webpack просто не вносить изменения в эту строку файла.

Возможно ли это?

Я не думаю, что это лучшее решение, но один обходной путь, который кажется очень хакерским, заключается в создании глобальной переменной шаблона, которая возвращает пустую строку.

Тег шаблона может быть вставлен между src и set, чтобы webpack не разобрал его как тег srcset. Тогда при рендеринге шаблона django заменяет переменную шаблона пустой строкой (nothing).

# context processor
def dummy(request):
    return {"pass": ""}

# add the context processor to your templates in settings.py 
TEMPLATES[0]["OPTIONS"]["CONTEXT_PROCESSORS"].append(<path/to/dummy-context-processpr>)

src{{pass}}set="{% static 'images/my-image.webp' %} 480w, {% static 'images/my-image-800.webp' %} 800w"
Вернуться на верх