Показать сообщение отдельно
  #1 (permalink)  
Старый 28.11.2017, 04:14
Аспирант
Отправить личное сообщение для Luca Посмотреть профиль Найти все сообщения от Luca
 
Регистрация: 20.06.2017
Сообщений: 69

Компиляция шаблона 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);


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