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 можно было вызвать другой?