Как работает require в webpack?

Question

[microf]

Добрый день.
Подключаю в webpack header.html и footer.html - всё работает

<% var data = {
title: "Поиск"
} 
%>

<%= _.template(require('../partials/header.html'))(data)%>

Подключаю там же

<%= _.template(require('../partials/toolbar.html'))(toolbar)%>

тоже всё работает до момента, как я пытаюсь вывести инлайновый svg с помощью svg-inline-loader

<%= require('!svg-inline-loader!../../img/icons/svg/interface/toolbar/'+firstBtn.iconName+'.svg') %>

Если вставить эту строчку в toolbar, то выдается ошибка

ERROR in Template execution failed: ReferenceError: require is not defined

ERROR in   ReferenceError: require is not defined

  - lodash.templateSources[16]:7 eval
    lodash.templateSources[16]:7:50

  - loader.js:31 eval
    [search.html?..]/[html-webpack-plugin]/lib/loader.js:31:106

  - loader.js:36 module.exports
    [search.html?..]/[html-webpack-plugin]/lib/loader.js:36:3

  - index.js:422
    [medigi.local]/[html-webpack-plugin]/index.js:422:16

  - runMicrotasks

  - task_queues.js:97 processTicksAndRejections
    internal/process/task_queues.js:97:5

  - async Promise.all

при этом этот же код

<%= require('!svg-inline-loader!../../img/icons/svg/interface/toolbar/'+firstBtn.iconName+'.svg') %>

прекрасно работает, если его инжектить в главную страницу index.html
Что я забыл/ не знаю/ пропустил?

Comments

[Andrey Bazykin]

Не нашли решение?