Size: a a a

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

2020 March 23

FB

Furrya Black in Webpack — русскоговорящее сообщество
Aleksandr
Привет всем, вопрос, настроены css модули, но нужно в sass оставить название некоторых классов в миксинах как есть, можно как то это сделать?
настроить css loader для *.sass и *.module.sass
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
Furrya Black
настроить css loader для *.sass и *.module.sass
нет
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
Aleksandr
Привет всем, вопрос, настроены css модули, но нужно в sass оставить название некоторых классов в миксинах как есть, можно как то это сделать?
вроде как через функцию global
источник

FB

Furrya Black in Webpack — русскоговорящее сообщество
🦜
нет
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
и зачем ты это скинул?
источник

倫岡

倫太郎 岡部 in Webpack — русскоговорящее сообщество
источник

倫岡

倫太郎 岡部 in Webpack — русскоговорящее сообщество
Ещё один модняк
источник

FB

Furrya Black in Webpack — русскоговорящее сообщество
🦜
и зачем ты это скинул?
я непонимаю "нет", ткнул пальцем наугад в проект как пояснение что имел ввиду
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
Furrya Black
я непонимаю "нет", ткнул пальцем наугад в проект как пояснение что имел ввиду
чем спросил как сделать, чтобы к классу не добавлялись префиксы от css modules
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
ты говоришь настроить, когда ничего не нужно настраиваь в лоадерах
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
а надо юзать функции global или local
источник

A

Aleksandr in Webpack — русскоговорящее сообщество
https://react-select.com/styles
Вот этот модуль юзаю, чет уже всю голову сломал как это решить.
Вот такое получается на выходе:
<div class="react-select-container">
 <div class="[hash]__control">
   <div class="[hash]__value-container">...</div>
   <div class="[hash]__indicators">...</div>
 </div>
</div>
пишу миксин
@mixin
{
   &:global(__control)
   {
        color: red;
       
????:global(__value-container)
        {
               color:blue;
        }
   }
}
что нужно вместо вопросов написать, что бы он подхватил стили? или настроить что то нужно?
В отдельную переменную пробывал выносить, $ws: &; по типу такого, не применяется
источник

FB

Furrya Black in Webpack — русскоговорящее сообщество
Aleksandr
https://react-select.com/styles
Вот этот модуль юзаю, чет уже всю голову сломал как это решить.
Вот такое получается на выходе:
<div class="react-select-container">
 <div class="[hash]__control">
   <div class="[hash]__value-container">...</div>
   <div class="[hash]__indicators">...</div>
 </div>
</div>
пишу миксин
@mixin
{
   &:global(__control)
   {
        color: red;
       
????:global(__value-container)
        {
               color:blue;
        }
   }
}
что нужно вместо вопросов написать, что бы он подхватил стили? или настроить что то нужно?
В отдельную переменную пробывал выносить, $ws: &; по типу такого, не применяется
```
@mixin
{
   &:global(__control)
   {
        color: red;
       
         }
         &:global(__value-container)
        {
               color:blue;
        }
}
```
???? - первое (__control) работает?
источник

A

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

FB

Furrya Black in Webpack — русскоговорящее сообщество
Aleksandr
контрол работает, если писать просто без неста тоже работает, проблема когда нест начинаю делать
тьфу, нест всмысле nested ))
не делай нест, если смотреть на верстку, то он и не должен работать.
источник

A

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

A

Aleksandr in Webpack — русскоговорящее сообщество
Хм, сделал, но чет походу костыль.
$this: &;
@at-root
{
   #{$this}
  {
        color:red;
        @at-root
         {
                ${$this}:global(__indicators)
                {
                      color: blue;
                 }
         }
  }
}

А, не, он вложенность не видит тогда...
источник

V

Vladimir in Webpack — русскоговорящее сообщество
Приветствую. Как можно в webpack при сборке не минимизировать сторонний модуль?
источник

A

Aleksandr in Webpack — русскоговорящее сообщество
Vladimir
Приветствую. Как можно в webpack при сборке не минимизировать сторонний модуль?
добавить в exclude
источник

A

Aleksandr in Webpack — русскоговорящее сообщество
опечатался
источник