Size: a a a

2020 September 10

AP

Alexander Ponomarev in Svelte [svelt]
Kirill Yusupov
Всем привет! Меняю у css-loader getLocalIdent, чтобы докидывать хэш для классов, но в итоге узнал, что svelte-loader не хавает их и компайлит html, подставляя самостоятельно свои стили svelte-*. Есть ли легальный способ докинуть хэшик к стилям?
нет, не патча свелте компайлер месяц назад такого способа не было
источник

AP

Alexander Ponomarev in Svelte [svelt]
Kirill Yusupov
Всем привет! Меняю у css-loader getLocalIdent, чтобы докидывать хэш для классов, но в итоге узнал, что svelte-loader не хавает их и компайлит html, подставляя самостоятельно свои стили svelte-*. Есть ли легальный способ докинуть хэшик к стилям?
легальный способ не использовать стили свелта, а импортировать отдельные цсс файлы как обычные модули и управлять хэшированием и модульностью на уровне вебпака. Так же получишь нормальный перформанс воч режима
источник

KY

Kirill Yusupov in Svelte [svelt]
Alexander Ponomarev
легальный способ не использовать стили свелта, а импортировать отдельные цсс файлы как обычные модули и управлять хэшированием и модульностью на уровне вебпака. Так же получишь нормальный перформанс воч режима
в целом, так и думал) ща попробую завести с отдельным файлом со стилями
источник

NK

ID:0 in Svelte [svelt]
#tools #template #esbuild #typescript #graphql

https://github.com/tommywalkie/sapper-typescript-esbuild-template
источник

NK

ID:0 in Svelte [svelt]
#tools #example

Способы интеграции Svelte

https://github.com/sveltejs/integrations
источник

KY

Kirill Yusupov in Svelte [svelt]
Alexander Ponomarev
легальный способ не использовать стили свелта, а импортировать отдельные цсс файлы как обычные модули и управлять хэшированием и модульностью на уровне вебпака. Так же получишь нормальный перформанс воч режима
судя по issue пока импортить стили вряд ли получится https://github.com/sveltejs/svelte/issues/3499
источник

KY

Kirill Yusupov in Svelte [svelt]
да и svelte не даёт собрать компонент, если у него есть стили без style блока
источник

ON

Oleg N in Svelte [svelt]
почему ишью закрыли?
источник

ON

Oleg N in Svelte [svelt]
а, уже давно закрыт...
источник

AP

Alexander Ponomarev in Svelte [svelt]
Kirill Yusupov
да и svelte не даёт собрать компонент, если у него есть стили без style блока
в каком смысле не дает собрать?
источник

KY

Kirill Yusupov in Svelte [svelt]
Alexander Ponomarev
в каком смысле не дает собрать?
будет ругаться на var style = document.createElement('style');
источник

KY

Kirill Yusupov in Svelte [svelt]
если есть аттрибут class, но не объявлен style
источник

AP

Alexander Ponomarev in Svelte [svelt]
<script>
   import './global.css';
   export let name;

</script>

<h1 class="hello">Hello {name}</h1>

такое у меня прекрасно собрал
источник

AP

Alexander Ponomarev in Svelte [svelt]
ща с модулями попробую
источник

AP

Alexander Ponomarev in Svelte [svelt]
<script>
   import s from './global.css';
   export let name;

</script>

<h1 class={s.hello}>Hello {name}</h1>

такое тоже
источник

AP

Alexander Ponomarev in Svelte [svelt]
хотелось бы видеть конкретную ошибку =)
источник

KY

Kirill Yusupov in Svelte [svelt]
Alexander Ponomarev
хотелось бы видеть конкретную ошибку =)
var style = document.createElement('style');
             ^

ReferenceError: document is not defined
   at insertStyleElement
источник

KY

Kirill Yusupov in Svelte [svelt]
а ну это style-loader ругается
источник

KY

Kirill Yusupov in Svelte [svelt]
Alexander Ponomarev
хотелось бы видеть конкретную ошибку =)
подшаманил в лоадерах и завелось, спасибо)
источник

AP

Alexander Ponomarev in Svelte [svelt]
Kirill Yusupov
подшаманил в лоадерах и завелось, спасибо)
mini-css-extract-plugin, я не понимаю зачем style-loader нужен)
источник