@microf

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

Добрый день.
Подключаю в 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
Что я забыл/ не знаю/ пропустил?
  • Вопрос задан
  • 157 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
27 нояб. 2024, в 19:08
1500 руб./в час
27 нояб. 2024, в 18:19
2000 руб./за проект
27 нояб. 2024, в 17:41
2000 руб./за проект