Компиляция шаблона lodash
 

Здравствуйте.
Собираю проект 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);

я так понял, что шаблонные строки ` ` <% %> как-то конфликтуют
как закомпилить данный шаблон?

сделать console.log(tpl) и посмотреть, что с ним стало.