 С помощью postcss-html можно парсить CSS-в-JS в Vue, Svelte, или Реакте. Для своей читалки набросал маленький скрипт, что все CSS-классы соответствуют моей БЭМ-системе и имени файла (использую БЭМ, чтобы пользователи могли стили переопределять). https://github.com/hplush/slowreader/blob/main/web/scripts/check-names.ts 3 comments
@chudesnov просто замени postcss-html на https://www.npmjs.com/package/@stylelint/postcss-css-in-js и немного поправь код где будет ругаться @sitnik_ru я жопой прочитал изначальный пример, думал, там линтер детектит конфликты имен на уровне проекта, а это просто БЭМ :D тоже вариант, конечно, но проблема в том, что у нас библиотека компонентов, а не приложение, где мы контролируем полностью стек (библиотеку для рендеринга можем, вероятно, выбрать, но и то не факт, высока вероятность, что это будет реакт/преакт, потому что реакт повсюду) |
Gregory's Server
@sitnik_ru а есть пример на реакте или Solid? щас ресерчу инструменты для новой итерации библиотеки, которая раньше была на React + Styled, но сейчас есть задача уменьшить рантайм, поэтому смотрю в сторону CSS-in-JS со статическим извлечением и заодно в сторону фреймворков с меньшим оверхедом на первый рендер и апдейты, но с похожим на JSX синтаксисом и по возможности отсутствию обязательной прекомпиляции кода компонентов, как у svelte (то есть пока что-то кроме Solid вариантов мало)