Телеграмм чат группы webpack

Я вот в linaria stylus приносит так

const linariaLoader = {
    loader: 'linaria/loader',
    options: {
        extension: '.styl',
        preprocessor(selector, cssText) {
            return `${ selector }${ cssText }`
        }
    }
}

...
rules: [
            {
                test: /\.tsx?$/,
                use: [
                    'babel-loader',
                    linariaLoader,
                    'ts-loader'
                ]
            },
]
...

Roman Usherenko in Webpack — русскоговорящее сообщество

10:41пожаловаться #1

RU

Я вот в linaria stylus приносит так

const linariaLoader = {
    loader: 'linaria/loader',
    options: {
        extension: '.styl',
        preprocessor(selector, cssText) {
            return `${ selector }${ cssText }`
        }
    }
}

...
rules: [
            {
                test: /\.tsx?$/,
                use: [
                    'babel-loader',
                    linariaLoader,
                    'ts-loader'
                ]
            },
]
...

а ну это они уже доделали

Roman Usherenko in Webpack — русскоговорящее сообщество

10:41пожаловаться #2

RU

раньше там их парсер был прибит гвоздями

Roman Usherenko in Webpack — русскоговорящее сообщество

10:42пожаловаться #3

RU

линария и астро достаточно похожи, при этом являясь абсолютно разными внутри)

Alex CherryTea in Webpack — русскоговорящее сообщество

10:42пожаловаться #4

A

Надо на этих выходных посмотреть что будет проще засунуть в vite

Roman Usherenko in Webpack — русскоговорящее сообщество

10:44пожаловаться #5

RU

мне в линарии не понравилось в АПИ то, что мне приходится размазывать логику

например если у меня есть кнопка с тремя визуальными стилями, то в линарии это будет N свойств, каждое из которых будет функцией с ифами

а у астро - это будет 3 блока с N свойствами в каждом - очень похоже на "обычный" цсс

Roman Usherenko in Webpack — русскоговорящее сообщество

10:46пожаловаться #6

RU

за это приходится платить "неявностью" астро - то есть конвенцией, что prop=“value” в стилях таргетится как
&.prop-value {
}

но мы решили что ок

Roman Usherenko in Webpack — русскоговорящее сообщество

10:47пожаловаться #7

RU

Alex CherryTea

Надо на этих выходных посмотреть что будет проще засунуть в vite

эти выходные уже идут если что)

10:48пожаловаться #8

y

Еще для реакта есть https://github.com/digitalie/one-loader
Подход как во .vue файле
Но под него нет никаких инструментов (линтер и прочее) да еще и ts не знает, что с ним делать. Нужно вручную d-файлы писать

Alex CherryTea in Webpack — русскоговорящее сообщество

10:53пожаловаться #9

A

Roman Usherenko

эти выходные уже идут если что)

Зависит от того где ты находишься )

Roman Usherenko in Webpack — русскоговорящее сообщество

10:56пожаловаться #10

RU

Alex CherryTea

Зависит от того где ты находишься )

да кажись везде уже наступили. кроме как может в местах заключения :-D

Alex CherryTea in Webpack — русскоговорящее сообщество

10:56пожаловаться #11

A

Блин ну да, час назад

Roman Usherenko in Webpack — русскоговорящее сообщество

10:58пожаловаться #12

RU

Alex CherryTea

Блин ну да, час назад

ты в LA? :)

Konstantin Sedykh in Webpack — русскоговорящее сообщество

11:03пожаловаться #13

KS

Еще для реакта есть https://github.com/digitalie/one-loader
Подход как во .vue файле
Но под него нет никаких инструментов (линтер и прочее) да еще и ts не знает, что с ним делать. Нужно вручную d-файлы писать

монокомпонент vue ужасен в свой реализации. бррр...

11:15пожаловаться #14

y

Konstantin Sedykh

монокомпонент vue ужасен в свой реализации. бррр...

однофайловые компоненты прекрасны. Их использует огромное кол-во людей в том числе и компании. Другое дело что для этого нужно подходить с адекватной декомпозицией компонентов

11:28пожаловаться #15

y

однофайловые компоненты прекрасны. Их использует огромное кол-во людей в том числе и компании. Другое дело что для этого нужно подходить с адекватной декомпозицией компонентов

css-in-js в том же реакте - это по сути одно и то же за исключением того, что html внутри js

Alex CherryTea in Webpack — русскоговорящее сообщество

11:29пожаловаться #16

A

Я однофайловые компоненты люблю и ненавижу, они с одной стороны прекрасны с другой лучшеб их небыло

Nikolai Reguliarniy in Webpack — русскоговорящее сообщество

11:30пожаловаться #17

NR

css-in-js в том же реакте - это по сути одно и то же за исключением того, что html внутри js

вы немного заблуждаетесь мне кажется, или как то странно сформулировали мысль
1. css-in-js к реакту не имеет никакого отношения
2. css-in-js позволяет вынести стили в отдельный файл (да, это будет чисто компонент-обертка со стилями)

Alex CherryTea in Webpack — русскоговорящее сообщество

11:34пожаловаться #18

A

Nikolai Reguliarniy

вы немного заблуждаетесь мне кажется, или как то странно сформулировали мысль
1. css-in-js к реакту не имеет никакого отношения
2. css-in-js позволяет вынести стили в отдельный файл (да, это будет чисто компонент-обертка со стилями)

Вы тоже заблуждаетесь по поводу 2.
сss-in-js это парадигма в которой позволено описать css стили напрямую или посредственно синтаксисом валидным в мире js.
Как jsx только для css
Будет из этого сгенерирован файл или инлайн стиль зависит от конкретной реализации

Roman Usherenko in Webpack — русскоговорящее сообщество

11:35пожаловаться #19

RU

слишком размытый термин