1000 и убрал дубль пуржа

вывод, не такой уж плохой этот tailwind?

щас разберёмся 🤔

и, тут же еще прокси rollup-plugin-dev для бэка собирается в dev

а че разбираться, вывод: html+css и никаких проблем со сборщиками и т.д. =))

очень интересные результаты в роллапе:

./src/imports.js → dist/js-imports.js...
(!) Generated an empty chunk
imports
created dist/js-imports.js in 15s

./src/imports.pcss → dist/pcss-imports.js...
created dist/pcss-imports.js in 561ms

./src/inline.pcss → dist/inline.js...
created dist/inline.js in 398ms

говорящие об обратном

меня напрягает, что можно с натяжечкой предположить, что @import в вебпаке на самом деле переделывается в js файл, в require'ы и потом дальше преобразуется в css css-loader'ом и MiniCssExtractPlugin'ом, но почему инлайны в вебпаке занимают точно такое же время ?

сам postcss собирает инлайны 8 секунд без ролапа

походу ролап что-то оптимизирует, как вариант если ему подсовывают в следующей компиляции такой же файл, он просто отдаёт результат предидущей компиляции ?

./src/imports.pcss → dist/rollup-css-imports.js...   5.5s
./src/inline.pcss → dist/rollup-inline.js...         474ms
./src/imports.js → dist/rollup-js-imports.js...      10.2s

./src/inline.pcss → dist/rollup-inline.js...         5.6s
./src/imports.js → dist/rollup-js-imports.js...      10.7s
./src/imports.pcss → dist/rollup-css-imports.js...   660ms

./src/imports.js → dist/rollup-js-imports.js...      15.3s
./src/imports.pcss → dist/rollup-css-imports.js...   545ms
./src/inline.pcss → dist/rollup-inline.js...         453ms

очень странно

стакими вопросами тебе уже к @PaulMaly, он любитель под капотом поковырять свелт и роллап наверное)

актуальные тесты тейлвинда с rollup, webpack и postcss-cli

что очень странно - rollup собирает заинлайненые стили за 5 секунд, а postcss-cli за 8😧

Я когда свои тесты делал, он первые 10 раз собирал за 4-5 секунд, а потом все остальные попытки за 7-8. Херня паралельно начало обвновляться, может она нагрузила в этот момент тачку. Может у тебя так же совпало, внешний фактор, что-то началось делать паралельно :))

Собери тестовый стенд и гоняй на нем :))

Тоже самое пользую

Странно что когда просят шаблон тейлвинда то присылают такой что там даже директивы в компоненте не работают.. 🥴

Привет. Подскажите с customElement:

The 'tag' option is used when generating a custom element. Did you forget the 'customElement: true' compile option?

. Что не так?
В конфиге:

svelte({
   customElement: true,
   compilerOptions: {
    dev: !production
   }
  }),

В компоненте:

<svelte:options tag="my-test" />
<p>TEST</p>

{#if condition}
  <Component />
{/if}

<svelte:component this={condition ? Component : null} />

2-й вариант легковесней должен быть - один "врапер" вместо двух

The 'tag' option is used when generating a custom element. Did you forget the 'customElement: true' compile option?

svelte({
   customElement: true,
   compilerOptions: {
    dev: !production
   }
  }),

Кто ругается? Бандлер, IDE?