DN
Если очень хочется, тогда надо делать самому. Например сохранить какую-то часть контекста в data-аттрибут (id или индекс в массива) и в обработчике читать event.target
А вот теперь понятно.
Size: a a a
2020 April 13
PM
Остаётся решить вопрос с передачей контекста
PM
Об этом написал выше
DN
Спасибо всем. Th0r извини что неправильно задал вопрос и тебе пришлось потратить время на ненужный ответ.
PM
Denys Novakov
Спасибо всем. Th0r извини что неправильно задал вопрос и тебе пришлось потратить время на ненужный ответ.
Вот ещё пример: https://twitter.com/paulmaly/status/1201497916491358208?s=21
PM
Даже если кнопка будет в отдельном компоненте, то ничего делать не нужно будет дополнительно.
М
Можно делать как я - принять за правило что в App.svelte подключаются глобальные стили и юзать там атрибут global из svelte-preprocess
Но тогда эту упадет в js бандл же? Верстка (grid system) не лучше в отдельный css?
PM
Но тогда эту упадет в js бандл же? Верстка (grid system) не лучше в отдельный css?
Я выношу стили в отдельные файлы
T
Но тогда эту упадет в js бандл же? Верстка (grid system) не лучше в отдельный css?
свелт компилирует css в css же
PM
Есть даже 3 пути по сути: css внутри js каждого компонента (хорошо при code-splitting), css всех компонентов в общем css файле и можно просто отдать весь обработанный css дальше по пайплайну сборщика, чтобы другие плагины что-то с ним сделали
М
Я вообще хотел все стили запилить на less, но какая-то беда получается, сборщик ругается, что не существует классы, которые не откопилились еще
DN
Вот ещё пример: https://twitter.com/paulmaly/status/1201497916491358208?s=21
Так это вообще интересно.
PM
Я вообще хотел все стили запилить на less, но какая-то беда получается, сборщик ругается, что не существует классы, которые не откопилились еще
Делать можно кучей способов. Я пришёл к такому варианту по очень простой причине - стили компонентов и глобальные стили обрабатываются одними и теми же процессорами (scss, postcss. etc) поэтому чтобы не настраивать это все 2 раза, есть лишь один пайплайн для css через svelte-preprocess
PM
И он обрабатывает глобальные стили в App.svelte и стили компонентов
М
Делать можно кучей способов. Я пришёл к такому варианту по очень простой причине - стили компонентов и глобальные стили обрабатываются одними и теми же процессорами (scss, postcss. etc) поэтому чтобы не настраивать это все 2 раза, есть лишь один пайплайн для css через svelte-preprocess
М
В App.svelte получается так?
<style lang="less" global>
@import "./grid.less";
</style>
М
Все, разобрался! Спасибо, крутая штука! :)
PM
В App.svelte получается так?
<style lang="less" global>
@import "./grid.less";
</style>
Можно так, можно через внешний css (там тоже есть) и в нем уже импортировать все что нужно). Можно css импорты заинлайнить через postcss. Короче зависит от задачи. Суть в едином процессинге для глобальных и локальных стилей
АН
Denys Novakov
Так это вообще интересно.
Вот тебе серебряная пуля - универсальный обработчик на все случаи жизни)) На него подписан только ОДИН div, а срабатывают все кто захочешь))
https://ru.svelte.dev/repl/4c03f159b13e4ee6bbbf33d5c7a7ba59?version=3.20.1
https://ru.svelte.dev/repl/4c03f159b13e4ee6bbbf33d5c7a7ba59?version=3.20.1
