шаблоны hamlс+jst через webpack

216
25 июля 2017, 20:25

В процессе отделения фронтэнда от rails приложения появилась необходимость собирать ассеты отдельно от рельсового asset pipeline. решил использовать для этой задачи webpack. в проект используется backbone, а шаблоны для него собираются из jst + hamlc

коды шаблона выглядят примерно так:

home.jst.hamlc

  .home-page
    .home-page_content{class: "home-page_content__#{@current_page}"}
      .home-page_sidebar_menu-container
        %ul.menu
          %li.item{class: if @current_page == "index" then "active"}
            %a#index{href: "#home/index"}
              Начало работы
          %li.item{class: if @current_page == "settings" then "active"}
            %a{href: "#home/settings"}
              Настройки

после прогонку через haml-loader из шаблона вырезаются все интерполяции строк и условия:

 <div class='home-page'>
  <div class='home-page_content__'>
    <div class='home-page_sidebar_menu-container'>
    <ul class='menu'>
      <li class='item'>
        <a id='index' href='#home/index'>
          Начало работы
        </a>
      </li>
      <li class='item'>
        <a href='#home/settings'>
          Настройки
        </a>
      </li>
    </ul>
    </div>
  </div>
</div>

Вопрос в том как скомпилить шаблон, оставляя логику, которая в нем содержится.

READ ALSO
Событие change срабатывает два раза

Событие change срабатывает два раза

Может кто сталкивался с такой проблемой? Система: Android Браузер: Chrome Mobile Элемент: Select[type=multiple] На select висит обработчик onchange

256
Реализация в NodeJS MongoDB native driver

Реализация в NodeJS MongoDB native driver

После перебирания Гоголевских ответов и Ютубовских видео, так и не нашел решения моего вопроса

305
Событие при innerText в js

Событие при innerText в js

Есть вот такой кусок кодаХочу отловить событие изменения innerText

281
object Promise вместо значения

object Promise вместо значения

ПриветЕсть две функции, использующие async await:

230