Вопрос по префиксам для CSS-свойств. Если для каждого свойства добавлять префикс, код сложно прочесть. Мне интересно, как это реализуют на проде? Возможно стоит выносить префиксы в другой CSS-файл и подключать отдельно? И как можно упростить добавление префиксов, возможно у gulp
есть такая функция?
-
1npmjs.com/package/autoprefixer ......... npmjs.com/package/gulp-autoprefixer– Алексей Шиманский11 июл 2021 в 13:21
-
«возможно у галп есть такая функция» - gulp уже можно считать мертвым, еще с тех пор как webpack стал дружественнее в настройке (и после вебпака появилось множество других бандлеров... смысла в таскерах сейчас не больше, чем в jQuery например... сам подход "дробления" задач подготовки проекта на кучу инструментов, устарел: с комплексными и более стабильными "мультитулами" значительно удобнее работать).– yar8511 июл 2021 в 16:15
-
Тот же свежий Vite, если помню верно, автоматически автопрефиксит все по списку целевых браузеров, т.к. уже тащит на борту настроенный PostCSS со всеми бойлерплейтами (но для серьезных больших проектов, все равно предпочтительнее надежность вебпака, т.к. вит еще молод и пока что не умеет в sourcemaps для SCSS, а это приемлемо только с малыми проектами, где стилей соотв. немного. Если же самостоятельно настраивать бортовой Rollup, то смысл в вит частично теряется).– yar8511 июл 2021 в 16:36
Добавить комментарий
|
1 ответ
Правильней всего – не писать префиксы вручную вовсе. Используйте для этого autoprefixer. Для Gulp есть плагин gulp-autoprefixer.