&-component_name {
&-element_name {
}
}
}
Есть способы их минимазции через nuxt, webpack? Что-то можете посоветовать? Хочу чтобы в скомпиленом проекте получалось .a, .b, .c ну вы поняли
Зачем это минимизировать?
символов меньше получится. Соотвественно и размер
1. Названия классов должны описывать, что в них заложено. 2. "Овчинка выделки не стоит"
так не в скомпиленом проекте описывают и в деве. В билде то зачем?
Ладно, скажу что это делается на NGINX. Зачем тебе это? Чего ты хочешь достичь?
шта? на nginx? можно профит?
увидел, подумал что классно 1. Меньше занимает 2. Защищает от парсинга по классам Сэкономить можно место, спарсить по классам невозможно. Билд пересобрался - новые названия появились
если это через nginx, то меньше занимать это никак не может
Фильтром в одном большом модуле, но его никто не использует - по крайней мере я точно нет, т.к. не вижу смысла
вот и я не вижу смысла, это делать через nginx
1. Ты уберешь пару максимум 1кб. 2. Зачем парсить по классам, когда можно парсить по ключевым словам
Но вообще разве это плохо. Только плюсы же по ключевым словам не всегда выйдет. Да и гемор. Кому надо что угодно спарсит. А людям попроще попросту не захочется. Да и все равно усложнит задачу
Погугли scss obfuscation
Это не плохо а очень даже хорошо Также хорошо как и с js-ом Нифига там не 1кб убирается, по опыту на больших проектах и с десяток кб уходило А если это огромный проект и куча трафика, то каждый сам посчитает сколько денег сэкономится на этом + реально тяжелее лазить по сорсам проекта. На некоторых проектах иногда полезно это усложнять
первым делом это и сделал. Ничего прям толоковго не нашел. Думал возможно кто-то из чата стыкался с таким и может что-то посоветовать. Если нет, то буду искать подходящее решение
Блин, я ржу 😂😂😂 12$ сэкономишь компании 🤦♂️ Что усложнять? мы говорим о css, а не JS - открыл панель и посмотрел.
ну вот по словам выглядит как будто ты это использовал или знаешь про это больше чем другие. Как реализовать?
Ну с другой стороны. Меньше электричества - чище воздух - спасаешь животных от смерти. Это же хорошо 😂
Потому что такого нет - может и есть, но делать на этапе сборки - это треш. Я по этому и говорю, что это делает на уровне веб-сервера через модуль.
К сожалению во вью я это не юзал, юзал в реакте Это обычный css-loader конфиг в вебпаке
А что усложнять-то? Это 1-2 строки доп конфига в webpack prod config
да, про реакт и лоадер в конфиге я уже почитал
Обычно этим страдают сайты с шаблонами, чтобы их шаблон было трудно упереть - но один хер wget решает ))
А тебе именно в nuxt, или во vue?
nuxt, но nuxt = vue так что разницы не вижу
https://github.com/webpack-contrib/css-loader#scope
Но по мне - это треш )))
Обсуждают сегодня