Size: a a a

Webpack — русскоговорящее сообщество

2019 March 14

AS

Alexander Stark in Webpack — русскоговорящее сообщество
Я понимаю, что я немного оффтоплю, подскажите пожалуйста можно ли сделать запись в массив scss через цикл @each в функции и потом вернуть значения из функции ?
источник

A

Anton in Webpack — русскоговорящее сообщество
Alexander Stark
Я понимаю, что я немного оффтоплю, подскажите пожалуйста можно ли сделать запись в массив scss через цикл @each в функции и потом вернуть значения из функции ?
приведи пример что ты хочешь сделать
источник

AS

Alexander Stark in Webpack — русскоговорящее сообщество
Anton
приведи пример что ты хочешь сделать
@function rem($valuesPX...) {
   $map = [];
   @each $value in $valuesPX
       $map = $value / $html-font-size
   return map
}
источник

AS

Alexander Stark in Webpack — русскоговорящее сообщество
Anton
приведи пример что ты хочешь сделать
Функция получает неогр. число параметров, перебирает циклом эти значения и внутри перебора делает вычисления и записывает в переменную массива, после функция возвращает массив значений
источник

A

Anton in Webpack — русскоговорящее сообщество
ох, а можно узнать зачем тебе такая логика в стилях?
источник

AS

Alexander Stark in Webpack — русскоговорящее сообщество
Anton
ох, а можно узнать зачем тебе такая логика в стилях?
Хочу написать функцию вычисления px в rem, я видел что для postcss есть такой плагин js, но я захотел своё написать
источник

AS

Alexander Stark in Webpack — русскоговорящее сообщество
Anton
ох, а можно узнать зачем тебе такая логика в стилях?
Я могу данную простую логику реализовать в функции scss ?
источник

A

Anton in Webpack — русскоговорящее сообщество
я уже года два не работал с сассом, в моих глазах postCSS уже выиграл во всех пониманиях и сегодня использовать что то другое, это равносильно использованию coffeescript, когда есть бабель

к слову я не хейчу на кофе, сам его очень люблю, но сегодня он уже не актуален

Поэтому тут я тебе не помогу =)
источник

AS

Alexander Stark in Webpack — русскоговорящее сообщество
Anton
я уже года два не работал с сассом, в моих глазах postCSS уже выиграл во всех пониманиях и сегодня использовать что то другое, это равносильно использованию coffeescript, когда есть бабель

к слову я не хейчу на кофе, сам его очень люблю, но сегодня он уже не актуален

Поэтому тут я тебе не помогу =)
Спасибо за отклик)
источник

AS

Alexander Stark in Webpack — русскоговорящее сообщество
Anton
я уже года два не работал с сассом, в моих глазах postCSS уже выиграл во всех пониманиях и сегодня использовать что то другое, это равносильно использованию coffeescript, когда есть бабель

к слову я не хейчу на кофе, сам его очень люблю, но сегодня он уже не актуален

Поэтому тут я тебе не помогу =)
Вот написал рабочую функцию конвертации px в rem
@function rem($valuesPX...) {
   $result: ();
   @each $value in $valuesPX {
       $result: append($result, #{$value / $html-font-size}rem);
   }
   @return $result;
}

Допустим html font size = 16px

Вызов вот такой:
margin: rem(10px, 20px);

Выход:
   margin: 0.625rem 1.25rem;
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Омг
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Зочем
источник

Д🍋

Димон 🍋 in Webpack — русскоговорящее сообщество
Зачем[2]
источник

AS

Alexander Stark in Webpack — русскоговорящее сообщество
Затем и для чего все остальные функции делают, чтобы оптимизировать процесс вычислений
источник

AS

Alexander Stark in Webpack — русскоговорящее сообщество
Если критикуете, то предлагайте решения, вот я допустим против захламлять лоадерами сборку простыми вычислениями, так-как это лишняя логика обработки postcss допусти, в котором есть конвертациия px в rem, и что он каждый раз будет проверять документ на наличие этих единиц измерения, это неправильно и явно замедляет процесс билда проекта
источник

AS

Alexander Stark in Webpack — русскоговорящее сообщество
Видете альтернативу более лучшую, озвучьте пожалуйста, буду благодарен
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
Alexander Stark
Если критикуете, то предлагайте решения, вот я допустим против захламлять лоадерами сборку простыми вычислениями, так-как это лишняя логика обработки postcss допусти, в котором есть конвертациия px в rem, и что он каждый раз будет проверять документ на наличие этих единиц измерения, это неправильно и явно замедляет процесс билда проекта
с чего ты решил, что он замедляет?))
источник

AS

Alexander Stark in Webpack — русскоговорящее сообщество
🦜
с чего ты решил, что он замедляет?))
с того, что я уже выше написал, если я не буду использовать rem в scss, то он будет также проверять документ на их наличие
источник

A

Anton in Webpack — русскоговорящее сообщество
Alexander Stark
Если критикуете, то предлагайте решения, вот я допустим против захламлять лоадерами сборку простыми вычислениями, так-как это лишняя логика обработки postcss допусти, в котором есть конвертациия px в rem, и что он каждый раз будет проверять документ на наличие этих единиц измерения, это неправильно и явно замедляет процесс билда проекта
это ведь вычисляется идножды, если закешировать результат работы лоудера то и последющие вычисления будут "бесплатными"
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
Alexander Stark
с того, что я уже выше написал, если я не буду использовать rem в scss, то он будет также проверять документ на их наличие
как ты пришел к такому умозаключению?
источник