Size: a a a

2020 September 06

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Кирилл Спасибович
или ты используешь emitCss: false и компоненты добавляют стайл ноды ?
я даже не уверен что в роллап плагине есть такая опция
источник

К

Константин in Svelte [svelt]
Alexander Ponomarev
у тебя всегда есть вариант не использовать или накатать ишак о том что что-то забыли) я плохо понял твой пример с евил компонентом в чем там проблема
вариант не использовать = делать свой, это лишние трудозатраты, которые тебе вряд ли оплатят и ты потеряешь время на свой велосипед. А велосипед может быть большим. Ишак - это время, поправить могут через год. Разбираться в чужом коде - тоже такое себе.

Пример описал ниже словами. Диспатчить ТОТ ЖЕ эвент, но синхронно, после определённых действий. ТОТ ЖЕ - в смысле, не завёрнутый в кастомэвент
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Pavel 🦇 Malyshev
я даже не уверен что в роллап плагине есть такая опция
есть, проверил
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Кирилл Спасибович
есть, проверил
не видел ее в конфигах, значит по-умолчанию видимо
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
а, она для того, чтобы дальше плагины могли с CSS работать?
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
точно вспомнил
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Pavel 🦇 Malyshev
не видел ее в конфигах, значит по-умолчанию видимо
      css: function (css) {
       console.log(css.code); // the concatenated CSS
       console.log(css.map); // a sourcemap

       // creates `main.css` and `main.css.map`
       // using a falsy name will default to the bundle name
       // — pass `false` as the second argument if you don't want the sourcemap
       css.write('main.css');
     },


как вот это работает не понятно


в общем это для тейлвинда с @apply в основном ужасно

потому что на любое изменение пересобирается все компонентные css'ки
а это может занимать 40 секунд
причем не обязательно даже файл компонента менять
источник

КС

Кирилл Спасибович... in Svelte [svelt]
такой замороченный код этот с this.write и прочими, чего он там вызывает я даже не пойму)
источник

К

Константин in Svelte [svelt]
Alexander Ponomarev
у тебя всегда есть вариант не использовать или накатать ишак о том что что-то забыли) я плохо понял твой пример с евил компонентом в чем там проблема
я вообще прихожу к выводу, что прогнозировать разработку на свелт становится трудно, потому что столько пиздецов по ходу ловлю с чужими компонентами, что уже за голову хватаюсь. Доходит до того, что лезу в исходники и перетаскиваю компоненты к себе и туда добавляю то, что должно быть. Например, эвенты в иконки. Это вообще днище - компонент без дом-эвентов. Снова здравствуйте лишние обёртки.
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Кирилл Спасибович
      css: function (css) {
       console.log(css.code); // the concatenated CSS
       console.log(css.map); // a sourcemap

       // creates `main.css` and `main.css.map`
       // using a falsy name will default to the bundle name
       // — pass `false` as the second argument if you don't want the sourcemap
       css.write('main.css');
     },


как вот это работает не понятно


в общем это для тейлвинда с @apply в основном ужасно

потому что на любое изменение пересобирается все компонентные css'ки
а это может занимать 40 секунд
причем не обязательно даже файл компонента менять
а у тебя Tailwind? конечно там жесть. у меня была первая реализация с Tailwind еще без PurgeJS и вырезанием лишних классов с помощью самого свелт. оказались потому что очень долго выходит
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
но я слышал что есть более удачные шаблоны для того дела
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
с purge вместо unused style removal из свелт
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Pavel 🦇 Malyshev
а у тебя Tailwind? конечно там жесть. у меня была первая реализация с Tailwind еще без PurgeJS и вырезанием лишних классов с помощью самого свелт. оказались потому что очень долго выходит
не, тейлвинд у Константина
мне просто было любопытно почему оно так тормозит в дев режиме когда даже компонент не меняешь и я докопался, что кэшировать результаты работы невозможно
источник

КС

Кирилл Спасибович... in Svelte [svelt]
более удачно было бы использовать одну глобал css'ку и нативные классы тейлвинда без преобразования
источник

К

Константин in Svelte [svelt]
Pavel 🦇 Malyshev
но я слышал что есть более удачные шаблоны для того дела
но никто их не видел, похоже ) Я искал. Для вебпака нашёл только 1 работающий как нужно
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Кирилл Спасибович
не, тейлвинд у Константина
мне просто было любопытно почему оно так тормозит в дев режиме когда даже компонент не меняешь и я докопался, что кэшировать результаты работы невозможно
да, думаю что там на каждый пчих будет
источник

КС

Кирилл Спасибович... in Svelte [svelt]
а потом парсером всех компонентов пуржить компонентный css
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Константин
но никто их не видел, похоже ) Я искал. Для вебпака нашёл только 1 работающий как нужно
а какую?
источник

К

Константин in Svelte [svelt]
Pavel 🦇 Malyshev
а какую?
не знаю уже, китайца какого-то
источник

К

Константин in Svelte [svelt]
конфиг могу скинуть
источник