Size: a a a

2021 March 14

A

Arushwl in Svelte [svelt]
Dan Kozlov
Про сплит кода Марк верно сказал, но посмотрите, что еще vite умеет из коробки, там куча крутого.
CSS-модули (как альтернатива свелтовскому способу работы с классами), динамические для SSR полифиллы, прогруз критического CSS для текущей страницы, крутая работа с ассетами (хеш + инлайн, плюс поддержка в CSS!), качественно сделанные глоб-импорты, ну и в целом оно под капотом имеет тот же есбилд (с ES импортами и HMR), что и сноупак, только больше фич.

Часть из этого можно сделать самому плагинами, но зачем, если можно в opinionated фреймворке дать хорошие дефолты для конфига. Часть была сделана в саппере, но зачем всё это поддерживать самостоятельно и переносить из старой кодбазы, если можно выкинуть и взять готовое крутое комьюнити-решение.
Над глянуть как он чанки css затащил... сдаётся мне не без rollup-plugins...
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Alexey Schebelev
При помощи @Valexr полностью переведены все статьи в блоке Svelte: https://ru.svelte.dev/blog
Спасибо товарищи!!!
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Alexey Schebelev
Да это тема поидее, когда нужен какой-то набор экшенов, которые объеденныны одной темой - типа  input.trim, input.onlydigits, input.capitalize и т.п.
Все равно хрень конечно, а не фича. Экшены надо в модули по смыслу объединять. Однако такой вот способ вполне норм, если внутри одного компонента прям куча куча разношёрстных экшенов юзается:

import * as input from “@/actions/input”;

<div use:input.trim>
источник

AP

Alexander Ponomarev in Svelte [svelt]
джававскрипт в том же файле, но пытаемся изобрести фильтры как в обрезанном шаблонизаторе =)
источник

PM

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

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Alexander Ponomarev
джававскрипт в том же файле, но пытаемся изобрести фильтры как в обрезанном шаблонизаторе =)
Мысль не уловил, но я вообще не очень за объединение вещей в объекты если они не требуют инстанциации. Смысла в этом нет почти, а tree-shaking ломает.
источник

A

Arushwl in Svelte [svelt]
Arushwl
Над глянуть как он чанки css затащил... сдаётся мне не без rollup-plugins...
Дас... масштабный подход... но по сути аппенд <link to=css> когда чанк загрузился... но скока подготовок и препроцессинг весь уже...
Node + sirv + esbuild + rollup + postcss... ну и все печеньки
источник

A

Arushwl in Svelte [svelt]
Pavel 🦇 Malyshev
Все равно хрень конечно, а не фича. Экшены надо в модули по смыслу объединять. Однако такой вот способ вполне норм, если внутри одного компонента прям куча куча разношёрстных экшенов юзается:

import * as input from “@/actions/input”;

<div use:input.trim>
У меня такой импорт * тащит всё, что даже не юзается в бандл... пока сепарирую через именованый экспорт, клевая идея разбить по разным файлам вообще... а вот если будет объект - из него можно кусками импортить, типа: import { foo.bar } from foo ?
источник

AP

Alexander Ponomarev in Svelte [svelt]
такой импорт * в дев режиме и должен тащить все
источник

A

Arushwl in Svelte [svelt]
Alexander Ponomarev
такой импорт * в дев режиме и должен тащить все
Так он и в проде не шейкаит
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Arushwl
У меня такой импорт * тащит всё, что даже не юзается в бандл... пока сепарирую через именованый экспорт, клевая идея разбить по разным файлам вообще... а вот если будет объект - из него можно кусками импортить, типа: import { foo.bar } from foo ?
Нет, оба варианта не очень работают с шейкингом. Поэтому я за отбельные импорты и тогда смысл этой фичи теряется
источник

A

Arushwl in Svelte [svelt]
Pavel 🦇 Malyshev
Нет, оба варианта не очень работают с шейкингом. Поэтому я за отбельные импорты и тогда смысл этой фичи теряется
Агась. Вообщем как обычно - ручками надёжнее 🤓
источник

AP

Alexander Ponomarev in Svelte [svelt]
хз у меня работает шейкинг со звезды =)
источник

A

Arushwl in Svelte [svelt]
А то делаю черновики в модулях, а потом их в бандле обнаруживаю 😁
источник

A

Arushwl in Svelte [svelt]
Alexander Ponomarev
хз у меня работает шейкинг со звезды =)
Вебпак?
источник

AP

Alexander Ponomarev in Svelte [svelt]
вебпак и тс
источник

A

Arushwl in Svelte [svelt]
Ещё бы он там не работал 😁
источник

A

Arushwl in Svelte [svelt]
Я не про Энтерпрайз бандлеры... 🤓
источник

AP

Alexander Ponomarev in Svelte [svelt]
ну если нравится использовать модный кич я не буду переубеждать
источник