Как быстрее конвертировать из пикселей в rem?

Question

[lonata]

Размеры блоков в вёрстке и размер шрифта я всегда конвертирую из пикселей в rem, для адаптивной верстки. Калькуляция занимает прилично времени, можно ли как-то делать это быстрее?например подключить какой-то скрипт. Например я указываю все размеры в px, а он автоматически переводит в rem?

Answer 1

[Александр Таратин]

https://www.npmjs.com/package/webpack-px-to-rem
https://www.npmjs.com/package/px-rem
webpack postcss + https://github.com/cuth/postcss-pxtorem
Вообще куча вариантов просто в гугле вбить
webpack px to rem

Answer 2

[Andrew]

М?
Препроцессоры - наше всё.

Answer 3

[Ivan Bogachev]

Есть плагин для PostCSS - postcss-pxtorem.

Answer 4

[Максим Тимофеев]

В что-то явно не так делаете. Если верстка адаптивная, то px вообще не должны были возникнуть или не везде. Не пойму где возникла необходимость переводить px в rem? Я или верстаю сразу в px или сразу в rem. Какой смысл в этом лишнем этапе? Мало того, местами rem не удобен и нужен em, например, или те же пиксели. Написать скрипт который будет тупо автозамену делать (плюс перемножать) можно, но зачем? Хотя должны быть подобные вещи для сборщиков типа gulp: https://gulpjs.com/plugins/

Comments

[lonata]

верстаю из psd, а там указываются px

[lonata]

Всем спасибо за ответы!

[Максим Тимофеев]

lonata, Ну так сразу перечитывайте, не надо px из psd тянуть.