Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jun 25 08:29
    alte0 commented #422
  • Jun 25 08:19
    alte0 synchronize #429
  • Apr 29 15:06
    artem-malko commented #293
  • Apr 28 11:28
    IIIu6ko commented #293
  • Apr 14 16:29
    artem-malko commented #422
  • Apr 14 11:08
    bukhalo commented #425
  • Apr 14 04:29
    artem-malko commented #425
  • Apr 14 04:29
    artem-malko commented #425
  • Apr 13 17:49
    schiZis commented #425
  • Apr 13 17:14
    artem-malko commented #425
  • Apr 13 16:35
    schiZis commented #425
  • Apr 13 11:08
    artem-malko commented #425
  • Apr 13 03:22
    schiZis commented #425
  • Apr 12 20:50
    bukhalo commented #425
  • Apr 12 15:44
    schiZis commented #425
  • Apr 11 21:32
    bukhalo commented #425
  • Apr 11 21:30
    bukhalo commented #414
  • Apr 11 21:22
    bukhalo commented #293
  • Apr 11 12:28
    IIIu6ko commented #293
  • Apr 10 07:08
    bukhalo commented #422
TIIGRUS
@TIIGRUS

Настроил все работает в entry и компилирует библиотеку в отдельный файл.

Подскажите, как правильно настроить вот этот плагин. https://www.npmjs.com/package/gulp-sass-glob-import Так как хочется работать в components, но не лезть каждый раз прописывать пути до файлов в entry/partials, чтобы можно было указать путь типа "@import 'compontens/*' " и все файлы автоматом туда подгружались.

Вот мой вызов данного снипета, но пока ничего не выходит.
'use strict';

// This is example of task function

const gulp = tars.packages.gulp;
const plumber = tars.packages.plumber;
const notifier = tars.helpers.notifier;

const tarsConfig = tars.config;
var bulkSass = require('gulp-sass-glob-import');
// Include browserSync, if you need to reload browser:
const browserSync = tars.packages.browserSync;

/**
 * Task description
 */
module.exports = function () {

    return gulp.task('global-import', function (done) {
        return gulp.src(`./markup/${staticFolderName}/${tars.cssPreproc.name}/entry/partials/*.scss`)
            .pipe(plumber({
                errorHandler: function (error) {
                    notifier.error('An error occurred while something.', error);
                }
            }))
            .pipe(bulkSass())
            .pipe(
                sass({
                    includePaths: [`./markup/${tars.config.fs.componentsFolderName}`]
                }))
            .pipe(gulp.dest(`${tars.options.build.path}${tars.config.fs.staticFolderName}/css/`))
             .pipe(browserSync.reload({ stream:true }))
            .pipe(
                notifier.success('Example task has been finished')
            );

        // You can return callback, if you can't return pipe
        // done(null);
    });
};
TIIGRUS
@TIIGRUS
А это ошибка, после выполнение таска. http://joxi.ru/p278VL4soX4WRA
TIIGRUS
@TIIGRUS
@ncer Ребята , кто поможет настроить плагин. Срочно нужно, а не выходит.
Agalar Ashurbekov
@agalar

@artem-malko Здравствуйте, спасибо Вам, за Вашу работу. Создал свой форк и иничу проект своей ссылкой, пользуюсь sass, но при init создаются папки и файлы с расширением scss. Да, если переименовать или создать файлы sass, все работает, но каждый раз не хотелось бы это делать. Как можно сменить эти файлы которые создаются, переназначить на свои. Так же, не нашел где можно изменить index.html, который создается при init. Спасибо.

Привет, удалось решить вопрос?

Vitaly
@P0TER
@agalar Привет, к сожалению никто не ответил, у меня не получилось.
Agalar Ashurbekov
@agalar
Всем привет, если я создаю компонент, например header , там у меня находятся файлы: header.pug, header.scss, header.js - то правильно ли я понимаю, что нужно грузить стили для хедера в компонент ? И в случае переиспользования компонентов, не будет ли дублироваться CSS-код ?
leotankilevich
@leotankilevich
Привет
Не получаетмя импортнуть susy из node modules. Может кто в курсе что ни так
?
Денис Кобелев
@deniskobeleff_twitter

Здравстуйте, задавал вопрос про вставку html кода в data.js, попробовал с Html Escaping, но на выходе всё равно получаю только обычный текст, может в конфиге где-то есть строчка которая отключает это? подскажите пожалуйста

{
    text: 'lorem <br>ipsum'
}

и

{
    text: 'lorem &lt;br&gt;ipsum'
}
Pavel Zakharoff
@ncer

Всем привет, если я создаю компонент, например header , там у меня находятся файлы: header.pug, header.scss, header.js - то правильно ли я понимаю, что нужно грузить стили для хедера в компонент ? И в случае переиспользования компонентов, не будет ли дублироваться CSS-код ?

@agalar Ваш вопрос не совсем понятен. Компонент - это просто набор разметки, стилей и скриптов, которые лежат вместе для удобства. Если в настройках вы выбрали автоматическое подключение стилей, то вам вообще ничего никуда "грузить" не надо. Если же ручное - то самому подключать их в точке входа стилей.

Здравстуйте, задавал вопрос про вставку 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 В таком случае если проект будет расширяться, то сборка будет занимать больше минуты, что совсем не круто.