Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jul 21 17:31
    dependabot[bot] labeled #430
  • Jul 21 17:31
    dependabot[bot] opened #430
  • Jul 21 17:31

    dependabot[bot] on npm_and_yarn

    Bump terser from 4.1.3 to 4.8.1… (compare)

  • Jul 10 07:10

    artem-malko on master

    Update tars.json (compare)

  • Jul 10 07:09

    artem-malko on master

    template updated svg-symbols.sv… (compare)

  • Jul 10 07:09
    artem-malko closed #429
  • Jul 10 06:03
    alte0 commented #429
  • Jul 10 05:48
    alte0 synchronize #429
  • Jul 10 04:59
    alte0 synchronize #429
  • Jul 10 04:04
    artem-malko commented #429
  • Jul 10 04:03
    artem-malko commented #429
  • 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
TIIGRUS
@TIIGRUS
Можно ли настроить сборщик так, чтобы bootstrap или другая библиотека компилировалась в отдельный файл? При этом я использую исходники sass. Вот как у меня лежит бутстрап. http://joxi.ru/brRDv8KSJWbjZ2
Или может кто-то поделиться своим опытом. А то так конечный файл получается очень нагроможденным. В случаи если нужно будет лезть в код разрабам, то придется перелопачивать весь файл.
Pavel Zakharoff
@ncer

Можно ли настроить сборщик так, чтобы bootstrap или другая библиотека компилировалась в отдельный файл? При этом я использую исходники sass. Вот как у меня лежит бутстрап. http://joxi.ru/brRDv8KSJWbjZ2

Это можно сделать в режиме ручной сборки стилей. В папке /scss/entry создаете новую точку входа и подключаете в нее нужные вам файлы.

Vitaly
@P0TER
@TIIGRUS насколько я понял вопрос, то вам нужно что бы некоторые css или js не собирались в один общий файл при сборке. Для CSS в папке static/scss есть папка separate-css, а для js соответственно separate-js. Или смотрите документацию.
TIIGRUS
@TIIGRUS
Ок, спасибо попробую реализовать.
TIIGRUS
@TIIGRUS
@P0TER Это хорошо, если я использую только css, но я же работаю с переменными css для кастомизации bootstrapa, так что пока данный вариант не подходит.
@ncer Пока, но проблема с импортом переменных, не подхватывает и постоянно ругается.
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
что-то из этого точно)