Шаблоны Javascript без дополнительных фреймворков / библиотек

Question

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

var template = `
  <div>%text%</div>
`;

somediv.html(template.replace(/%test%/gi, 'some text'));

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

Answer 1

Вы можете использовать шаблон строки es6,

const text = 'some text';
const template = `<div>${text}</div>`;

тогда шаблон будет <div>some text</div>