Size: a a a

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

2020 June 28

YL

Yury Lavrukhin in Webpack — русскоговорящее сообщество
ребята, не подскажете (вебпак, постцсс, …) плагин который мог бы помочь мне удалить неиспользуемые CSS-переменные — css custom properties (--*) из бандла

пробовал cssnano — но похоже он удаляет только дубликаты CSS-правил
пробовал @fullhuman/postcss-purgecss — эта штука удаляет неиспользуемый CSS, но не удаляет неиспользуемые CSS-переменные 🙁
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Yury Lavrukhin
ребята, не подскажете (вебпак, постцсс, …) плагин который мог бы помочь мне удалить неиспользуемые CSS-переменные — css custom properties (--*) из бандла

пробовал cssnano — но похоже он удаляет только дубликаты CSS-правил
пробовал @fullhuman/postcss-purgecss — эта штука удаляет неиспользуемый CSS, но не удаляет неиспользуемые CSS-переменные 🙁
закоменти неиспользуемые переменные они удалятся при сборке css
источник

AB

Artyom Burkan in Webpack — русскоговорящее сообщество
Alex CherryTea
закоменти неиспользуемые переменные они удалятся при сборке css
Если он сам не знает какие используются, а какие нет?
источник

YL

Yury Lavrukhin in Webpack — русскоговорящее сообщество
Блин, я кажется плохо объяснил, сорри. У меня несколько точек входа.

И в :root я вкладываю все переменные для разных бандлов. Думаю стоит просто разделять общие переменные для каждого бандла и в каждый бандл подключать свои.

Моя проблема решена, спасибо)
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Artyom Burkan
Если он сам не знает какие используются, а какие нет?
если он не знает то и вебпак подавно не знает
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Yury Lavrukhin
Блин, я кажется плохо объяснил, сорри. У меня несколько точек входа.

И в :root я вкладываю все переменные для разных бандлов. Думаю стоит просто разделять общие переменные для каждого бандла и в каждый бандл подключать свои.

Моя проблема решена, спасибо)
ну да, разумеется )
источник

YL

Yury Lavrukhin in Webpack — русскоговорящее сообщество
Кстати, @fullhuman/postcss-purgecss отлично удаляет неиспользуемые переменные, но только если селектор в котором создана переменная не используется

То есть все переменные в :root он оставит.

А вот в неиспользуемом селекторе .nonused-class {...unused-css-variables...} Удалит 🙂
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Yury Lavrukhin
Кстати, @fullhuman/postcss-purgecss отлично удаляет неиспользуемые переменные, но только если селектор в котором создана переменная не используется

То есть все переменные в :root он оставит.

А вот в неиспользуемом селекторе .nonused-class {...unused-css-variables...} Удалит 🙂
логично, переменные из root могут использоватся в js
источник

AB

Artyom Burkan in Webpack — русскоговорящее сообщество
Alex CherryTea
если он не знает то и вебпак подавно не знает
Например, сборщик может выбрасывать неиспользуемые переменные из JS или отсеивать лишние модули. По такому же принципу, возможно, есть что-нибудь для css. Например, объявленные переменные, которые нигде не используются должны просто удаляться.
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Artyom Burkan
Например, сборщик может выбрасывать неиспользуемые переменные из JS или отсеивать лишние модули. По такому же принципу, возможно, есть что-нибудь для css. Например, объявленные переменные, которые нигде не используются должны просто удаляться.
В теории это возможно, но нужно учесть так много вариантов того как могут использоваться переменные из root, что проще просто воспользоватся поиском и самому почистить то что не используется
источник

MK

Mikhail Kamakhin in Webpack — русскоговорящее сообщество
1N54N3
Стоит ли писать компонент для пагинации или лучше скачать плагин?
источник

ЕБ

Евгений Баранников... in Webpack — русскоговорящее сообщество
Привет. Как сделать, чтобы при выполнении npm start (при использовании create-react-app) не было такого что выводится что-то в лог, потом идет текст в логе "Starting the development server..." и затем лог стирается и уже затем заполняется заново. Как сделать чтобы не стирался старый лог?
источник

ЕБ

Евгений Баранников... in Webpack — русскоговорящее сообщество
из https://t.me/react_js пришел с этим вопросом
источник

u

undefined in Webpack — русскоговорящее сообщество
Евгений Баранников
Привет. Как сделать, чтобы при выполнении npm start (при использовании create-react-app) не было такого что выводится что-то в лог, потом идет текст в логе "Starting the development server..." и затем лог стирается и уже затем заполняется заново. Как сделать чтобы не стирался старый лог?
видимо, по-человечески никак https://github.com/facebook/create-react-app/issues/2495
Там много комментариев. В конце просто закрывают issue без решения. Но некоторые люди кидали свои костыли, чтобы предотвратить это
источник

ЕБ

Евгений Баранников... in Webpack — русскоговорящее сообщество
undefined
видимо, по-человечески никак https://github.com/facebook/create-react-app/issues/2495
Там много комментариев. В конце просто закрывают issue без решения. Но некоторые люди кидали свои костыли, чтобы предотвратить это
да , я это видел, все равно спасибо)
источник

DS

Dmitriy Shuleshov in Webpack — русскоговорящее сообщество
Евгений Баранников
да , я это видел, все равно спасибо)
эджект
источник

ЕБ

Евгений Баранников... in Webpack — русскоговорящее сообщество
Dmitriy Shuleshov
эджект
?
источник

DS

Dmitriy Shuleshov in Webpack — русскоговорящее сообщество
Евгений Баранников
?
Без прямого доступа к конфигу видимо никак
источник

ЕБ

Евгений Баранников... in Webpack — русскоговорящее сообщество
Dmitriy Shuleshov
Без прямого доступа к конфигу видимо никак
к конфигу вебпака?
источник

DS

Dmitriy Shuleshov in Webpack — русскоговорящее сообщество
Евгений Баранников
к конфигу вебпака?
Думаю там шел скрипты какие то чистят консоль
источник