Size: a a a

2020 September 18

КС

Кирилл Спасибович... in Svelte [svelt]
И в роллапе тоже непонятно как работает, там же null возвращается, даже не промис
источник

MZ

Misha Zamkevich in Svelte [svelt]
Да хз.
Я до этого не дошел.

В Роллаппе он у меня ругается в обоих вариантах. Как будто он парсит стили два раза. Сначала кастомным препроцессором, потом встроенным.

Я не смог это победить.
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Misha Zamkevich
Да хз.
Я до этого не дошел.

В Роллаппе он у меня ругается в обоих вариантах. Как будто он парсит стили два раза. Сначала кастомным препроцессором, потом встроенным.

Я не смог это победить.
Ну то что я прочитал работать точно не должно, в обоих вариантах

Но я попробую вернуть промис вместо значения в свелт препроцесс, посмотрю что получится
источник

MZ

Misha Zamkevich in Svelte [svelt]
Кирилл Спасибович
Ну то что я прочитал работать точно не должно, в обоих вариантах

Но я попробую вернуть промис вместо значения в свелт препроцесс, посмотрю что получится
Я перепробовал туеву хучу вариаций.
Там ему не важно, что возвращаешь, он у меня один хер начинает его парсить по второму кругу.

И поскльку у меня в проекте основной язык sugarss, то всё это крашется с жутким свистом.

Я тебе больше для примера показал как можно PostCSS завести.
Сам PostCSS работает и отдаёт спарсенные стили (в ролапе, в вебпаке хз как это проверить)
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Misha Zamkevich
Я перепробовал туеву хучу вариаций.
Там ему не важно, что возвращаешь, он у меня один хер начинает его парсить по второму кругу.

И поскльку у меня в проекте основной язык sugarss, то всё это крашется с жутким свистом.

Я тебе больше для примера показал как можно PostCSS завести.
Сам PostCSS работает и отдаёт спарсенные стили (в ролапе, в вебпаке хз как это проверить)
Ну конечно он отдает, он же там после этого кастомника тоже отрабатывает

То что он парсит это не беда, главное чтобы тейлвиндовский css  в ast для каждого компонента не грузил по 50 раз
источник

MZ

Misha Zamkevich in Svelte [svelt]
Ну всмысле не беда. Он не должен два конфига применять к одному и тому же тэгу. wtf
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Ща проверю, ладна)
источник

MZ

Misha Zamkevich in Svelte [svelt]
Ты шаблон поправь у себя. Чтобы в тэге lang был. И подтяни второй файл с дефолтным тэгом, и туда тоже стилей накидай.
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Misha Zamkevich
Ты шаблон поправь у себя. Чтобы в тэге lang был. И подтяни второй файл с дефолтным тэгом, и туда тоже стилей накидай.
tailwind({ content, filename, attributes }) {
 return postcss([ tailwindcss ])
   .process(content)
   .then(({ css, map }) => {
     console.log(css);
     console.log(map);
     return { css, map };
   });
}


так бы я ещё поверил, но после консоль логов оно говорит Error: PostCSS received undefined instead of CSS string
источник

КС

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

MZ

Misha Zamkevich in Svelte [svelt]
Эмм, ты же в таком виде в postcss ничего не положил.
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Misha Zamkevich
Эмм, ты же в таком виде в postcss ничего не положил.
в смысле? всё по доке, тейлвинд отрабатывает
источник

КС

Кирилл Спасибович... in Svelte [svelt]
ты создаёшь postcss, с плагинами внутри - вон там tailwind
источник

MZ

Misha Zamkevich in Svelte [svelt]
Погоди, а в консоль он пишет результат, да?
источник

КС

Кирилл Спасибович... in Svelte [svelt]
конечно, почему нет
источник

MZ

Misha Zamkevich in Svelte [svelt]
Угу, тогда откуда эта ошибка? Какой там PostCSS получил undefined? Второй пробег?
источник

КС

Кирилл Спасибович... in Svelte [svelt]
не знаю, давай заменим postcss тоже на кастомную функцию
источник

MZ

Misha Zamkevich in Svelte [svelt]
Ну просто верни обратно content который туда передаёшь
источник

MZ

Misha Zamkevich in Svelte [svelt]
мимо postcss
источник

КС

Кирилл Спасибович... in Svelte [svelt]
postcss({ content, filename, attributes }) {
 console.log({ content, filename, attributes });
 return { content, filename, attributes };
},
tailwind({ content, filename, attributes }) {
 console.log(content, filename, attributes);
 postcss([ tailwindcss ])
   .process(content, { from: filename })
   .then(({ css, map }) => {
     console.log(css);
     console.log(map);
     return { css, map };
   });
 return { css: 'test1', map: 'test2' };
}
источник