Size: a a a

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

2019 September 05

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Godfather
А как обфусцировать имена классов в пердакшне? Поставил плагину MiniCSSExtractPlugin modules: true - не работает
    
{
     loader: 'css-loader',
     options: {
       modules: {
         localIdentName: process.env === 'development' ? '[folder]-[local]__[hash:base64:5] : [hash:base64:10]',
       },
     }
},
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
ну например так
источник

G

Godfather in Webpack — русскоговорящее сообщество
Не, все равно классы такие же
источник

IP

Ivan Podgornov in Webpack — русскоговорящее сообщество
В разметке да - такие же. А в css-файле наверно изменились. А зачем обфусцировать имена классов?
источник

G

Godfather in Webpack — русскоговорящее сообщество
Ivan Podgornov
В разметке да - такие же. А в css-файле наверно изменились. А зачем обфусцировать имена классов?
Видел в продакшне у некоторых, подумал, что это типо good practice
источник

G

Godfather in Webpack — русскоговорящее сообщество
Кстати так и не заработало
источник

G

Godfather in Webpack — русскоговорящее сообщество
Ни в разметке, ни в билд файлах
источник

IP

Ivan Podgornov in Webpack — русскоговорящее сообщество
То лучше использовать в начале разработки сайта.

import styles from 'file.css';
<div class={styles.someClass}></div>

И тогда оно само типа преобразуется. А когда уже есть стили, и есть разметка, такая задача становится весьма не тривиальной. Нужно или переписывать всё на css модули, или городить велик.

А вообще, инста или другие соц. сети занимаются таким скорее чтобы не парсили сайт, а не для чего-то другого. Со сжатием отлично справляется gzip
источник

DT

Daniil Tchernyavsky in Webpack — русскоговорящее сообщество
Godfather
Видел в продакшне у некоторых, подумал, что это типо good practice
Такое может из-за стайледкомпонентс
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Ivan Podgornov
В разметке да - такие же. А в css-файле наверно изменились. А зачем обфусцировать имена классов?
лол что
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Godfather
Не, все равно классы такие же
кек у тебя видимо vue
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
у тебя скоуп формируется по дата-атрибуту
источник

G

Godfather in Webpack — русскоговорящее сообщество
Alex CherryTea
кек у тебя видимо vue
Угу
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Ivan Podgornov
То лучше использовать в начале разработки сайта.

import styles from 'file.css';
<div class={styles.someClass}></div>

И тогда оно само типа преобразуется. А когда уже есть стили, и есть разметка, такая задача становится весьма не тривиальной. Нужно или переписывать всё на css модули, или городить велик.

А вообще, инста или другие соц. сети занимаются таким скорее чтобы не парсили сайт, а не для чего-то другого. Со сжатием отлично справляется gzip
лол что 2
источник

G

Godfather in Webpack — русскоговорящее сообщество
Alex CherryTea
у тебя скоуп формируется по дата-атрибуту
Аа, типо не нужно заморачиваться с этим?
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Godfather
Аа, типо не нужно заморачиваться с этим?
+
источник

G

Godfather in Webpack — русскоговорящее сообщество
Ок понял, спасибо!
источник

IP

Ivan Podgornov in Webpack — русскоговорящее сообщество
лол что 3
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Ivan Podgornov
лол что 3
В разметке да - такие же. А в css-файле наверно изменились.
как интересно будут работать стили если названия соотвествущих классов разные...

А вообще, инста или другие соц. сети занимаются таким скорее чтобы не парсили сайт
какое отношение стили имеют к парсингу сайта...
источник

IP

Ivan Podgornov in Webpack — русскоговорящее сообщество
На счёт первого, мы друг друга не поняли, потому что я плохо объясняю. Я подумал, что в получившемся css-файле имена классов изменились, а в разметке у человека, понятное дело нет. Потому что как бы они изменились сами по себе.

Второе. Допустим, кому-то нужно узнать тех кто уже лайкнул фотку. Намного легче найти их по селектору ".likes .person", чем по ".jdsfk3 .ur8hfn". Но вообще да, то всё второстепенное. Главное, чтобы не конфликтовали имена классов
источник