Webpack — шаблон в шаблоне

Делаю сайт с вебпаком. Хочу использовать template внутри template. Как это можно делать в React. Но сайт не собирается, если я вызываю шаблон из другого шаблона.

Если правильно понимаю, эта часть отвечает за сборку html части:

const HtmlWebpackPlugin = require('html-webpack-plugin');

function generateHtmlPlugins(templateDir) {
    const templateFiles = fs.readdirSync(path.resolve(__dirname, templateDir));
    return templateFiles.map(item => {
      const parts = item.split('.');
      const name = parts[0];
      const extension = parts[1];
      return new HtmlWebpackPlugin({
        filename: `${name}.html`,
        template: path.resolve(__dirname, `${templateDir}/${name}.${extension}`),
        inject: false,
        minify: false,
      })
    })
}

Шаблон в html файлах вызываю так (работает без вложенности):

<%=_.template(require('../templates/footer.html'))() %>

Что изменить в конфиге, чтобы из одного template можно было вызвать другой?


Ответы (0 шт):