tars/tars

Markup builder on gulp

Pavel Zakharoff

@ncer

Здравстуйте, задавал вопрос про вставку html кода в data.js, попробовал с Html Escaping, но на выходе всё равно получаю только обычный текст, может в конфиге где-то есть строчка которая отключает это? подскажите пожалуйста
{
    text: 'lorem <br>ipsum'
}
и
{
    text: 'lorem &lt;br&gt;ipsum'
}

@deniskobeleff_twitter Повторюсь, Html Escaping нужно делать средствами шаблонизатора/препроцессора. И у handlebars и у pug/jade есть для этого специальный синтаксис. https://prnt.sc/hbp8ob

Денис Кобелев

@deniskobeleff_twitter

@ncer спасибо, я дурак, не зашёл на офф сайт чтобы почитать про возможности

Yuriy Chizhov

@Vilz

Привет! Хочу обновить пакеты в своем форке. Правильно я понимаю, что все свои апдейты надо описывать в user-package.json? Тогда при tars-init -s .zip оно смерджится и поставится вместо тех что указаны в основном package.json?

Как вообще узнать какие пакеты используются в проекте при обычном ините?

Vitaliy Bogdanov

@VitaliyBogdanov

Привет! Ребята, а проект планируется обновлять? Как у вас со временем? Настораживает, что последний апдейт был в начале года... Инструмент очень крутой, и не хочется писать что-то своё теперь.

Boarworm

@Boarworm

Привет. Только начал пробовать tars, поставил на vagrant, запускаю tars dev, в браузере открывается страница, но livereload не работает. В чем может быть проблема?

Yuriy Chizhov

@Vilz

@Boarworm попробуй запустить сборку в режиме туннеля. у вагранта же своя сетка, если я все правильно понимаю

Boarworm

@Boarworm

@Vilz долго ковырял tars, разобрался. Нужно прокинуть порт (само собой без этого никуда, config.vm.network "forwarded_port", guest: 3004, host: 3004) и добавить в tars/watchers/tars.js в 161 строке "usePolling: true"

Agalar Ashurbekov

@agalar

Подскажите пожалуйста, tars поддерживает вложенность папок внутри assets компонента? А то у меня не компилятся когда есть вложенность

Alena Malko

@alena-ilina

@agalar а какая при этом возникает ошибка?

Nikolay Evsukov

@Nikolasgrizli

Уважаемое сообщество, кто-нибудь сталкивался с проблемой пути к картинке в файле js? С плейсхолдером не работает %=static=%

var marker = new google.maps.Marker({
      position: myLatLng,
      icon: {
        url: "%=static=%img/general/point.svg",

а если без плейсхолдера, то при каждой сборке надо вручную путь править. Сейчас мне представляется только один выход - хранить картинки для js(в основном маркеры и проч) где-то отдельно и прописывать абсолютный путь

TIIGRUS

@TIIGRUS

Всем привет. Кто может помочь? Не могу кастомизировать встроенные такси. Создаю такую же структуру , а также даю имя как у дефолтного, меняю значения на свои , но не применяется.

Денис Кобелев

@CcRaZyY

Привет всем, кто-нибудь пробовал такой синтаксис? можете помочь разобраться?
https://prnt.sc/hqu25n

Artem Malko

@artem-malko

@CcRaZyY привет. Зачем # перед переменной?

@TIIGRUS если используется имя уже существующей таски (не дефолтной, которая как пример), то все заведется автоматом. Если такой таски еще не было — ее нужно самому включить в нужное место в gulpfile

@Nikolasgrizli префикс не работает в js( Придется писать относительный путь относительно билда

@P0TER а есть какая-то разница, между расширениями scss и sass для вас?

Денис Кобелев

@CcRaZyY

@artem-malko Если убираю, то вот такая ошибка

Error: expected ':' after $name in assignment statement

Vitaly

@P0TER

@artem-malko Хотелось бы переопределить эти файлы и стартовые стили и html. Что бы при создании проекта не редактировать их под себя каждый раз.

Yuriy Chizhov

@Vilz

@Nikolasgrizli такие пути лучше вынести в глобальную переменную прямо в head

<head>
   ...
   <script>var staticUrl = '%=static=%';</script>
</head>

Это, ко всему прочему, для нормальной интеграции с бэкэндом потом пригодится

Web-Nic

@Web-Nic

Здравствуйте! Можно ли подключить прямое редактирование scss в chrome tars? Мои старания не увенчались успехом.

Nikolay Evsukov

@Nikolasgrizli

@artem-malko - спасибо.
@Vilz - отдельное огромное спасибо

Andrey Karamnoff

@CalledByThe4ire

Привет! Посоветуйте, какой npm-пакет стоит использовать для написания bem? Какой именно, на взгляд автора tars самый лучший? Может, есть уже готовый user-task, которым добрые люди поделятся со мной?

Andrey Karamnoff

@CalledByThe4ire

и вопрос по шаблонизатору (pug): при первоначальном запуске в index.pug я вижу %=symbols=%. Что это? В документации ничего про такую интерполяцию нет, только %=static=%. И класс .page__buffer используется для каких-то служебных целей? Можно ли удалить его?

Andrey Karamnoff

@CalledByThe4ire

по поводу user-package.json: я не увидел этого файла после инициализации: его нужно создать самостоятельно? После установки npm-пакета через npm i он оказался в package.json (что не удивительно). Каким должен быть порядок действий в этом случае?

Денис Кобелев

@CcRaZyY

вместо %=symbols=% в итоговый файл html прилетит svg, если выбрана опция workflow: 'sprite'

Andrey Karamnoff

@CalledByThe4ire

Спасибо! Только н

аверное опция svg-symbols всё-таки, судя по названию

Денис Кобелев

@CcRaZyY

@CalledByThe4ire похоже я вначале не то указал, вроде бы за это отвечает loadingType там нужно указать inject

что-то из этого точно)

Andrey Karamnoff

@CalledByThe4ire

кто-нибудь в курсе, как установить зависимости в user-package.json? набираю npm i, используется package.json

Boarworm

@Boarworm

Интересно можно ли прикрутить gulp-twig вместо pug. Никто не пробовал?

Aleksandr Guryanov

@aleksandr-guryanov

Добрый день, вопрос по svg иконкам в виде svg-simbol можно ли как то видоизменить текущий таск и дописать что бы у иконок проставлялся padding ( не css ) а у svg-simbol. Кто то решал такую задачу ?

Денис Кобелев

@CcRaZyY

@aleksandr-guryanov почитай в документации к технологии которая склеивает svg, у иконок, которые через png, есть такая возможность

Aleksandr Guryanov

@aleksandr-guryanov

@CcRaZyY мне свг надо, просто плагин который используется в тарсе не поддерживает padding опцию. Уже разобрался, спасибо

Boarworm

@Boarworm

Добрый вечер. Использую tasr в связке с vagrant. Сделал штук 30-40 компонентов (pug миксины). В основном простые - кнопка, инпут, хлебные крошки и т.п. Местами миксины вызываю внутри других миксинов. В последнее время сборка стала занимать много времени, секунд 10-20. Запускаю виртуальную машину - загрузка цп 5-10%, запускаю на ней tars dev - загрузка 50-60%, а при сборке 90-100%.
Никто с таким не стыкался?

Денис Кобелев

@CcRaZyY

@Boarworm Разве не очевидно, что чем больше будет твой проект, тем больше ресурсов он будет требовать

Boarworm

@Boarworm

@CcRaZyY В таком случае если проект будет расширяться, то сборка будет занимать больше минуты, что совсем не круто.

Денис Кобелев

@CcRaZyY

Подскажите чего тарс ругается в js на попытку импорта бутстрапа...
SyntaxError: Unexpected string , просто пытаюсь сделать
"../../../../node_modules/bootstrap/js/src/util"; , пробовал и "bootstrap/js/src/util"; и require('bootstrap');

rucomcode

@rucomcode

Добрый день. Подскажите, как организовать работу с разных компов над одним проектом? у меня после клонирования на другой комп и установки npm install все равно ругается на отсутствие gulp-sass, хотя пакет установлен и локально и глобально

Денис Кобелев

@CcRaZyY

@rucomcode у меня такое было когда nodejs был выше 6 версии

rucomcode

@rucomcode

@CcRaZyY ну вроде nodejs уже давно выше. чем решили проблему? откат на ноду ниже 6?

Денис Кобелев

@CcRaZyY

да, ставил специально последнюю из 6 версии. на 8 никак не хотел работать

antonprog007

@antonprog007

Да, там либо откат, либо надо просто обновить пакет в tars.
Ну либо альтернативно измените в файле tars/tars.js функцию tarsRequire чтобы чтобы даже при error он пробовал подключить глобальный пакет

tars/tars#324

rucomcode

@rucomcode

@antonprog007 все пакеты в tars обновлены

rucomcode

@rucomcode

@CcRaZyY спасибо, пришлось ставить nvm. на 6.9.5 все заработало

жаль, что проект заброшен по сути дела

antonprog007

@antonprog007

@rucomcode да, жалко что проект забросили, но надо сказать он и сейчас нормально исполняет свои функции. У меня пожеланий к нему нет.

antonprog007

@antonprog007

@rucomcode насчет обновления пакетов. Тоесть вы зашли примерно в /usr/local/lib/node_modules/tars-cli/ и в package.json изменили gulp-sass на ^3.1.0 потом запустили npm i и проблема всеравно осталась ?

Where communities thrive

People

Repo info

Activity