Здравствуйте.
Собираю проект Webpack 3 (тренируюсь).
Есть :
import { each as _each } from "lodash";
let data = [
{
"imgUrl": "img1.jpg",
"shortDescription": "anyShortDesc",
"description": "anyDescription"
},
{
...
},
{
...
}
...
];
let tpl = `<% _each( data, function(value){ %>
// первая проблема возникает здесь - не видит _each, надо ${_each}
<div class="catalog-item">
<h2 class="catalog-item-header"> <%= value.shortDescription %> </h2>
<img src= <%= value.imgUrl %> class="catalog-item-img">
<div class="catalog-item-description">
<%= value.description %>
</div>
</div>
<% }); %>`;
let compiled = _template(tpl),
html = compiled(data);
console.log(compiled);
console.log(html);
я так понял, что шаблонные строки ` ` <% %> как-то конфликтуют
как закомпилить данный шаблон?