Почему автопрефиксер добавляет префикс для box-shadow?

Question

[Andrej Sharapov]

Добрый день!
Подскажите, почему при выполнении команды галпа, автопрефиксер добавляет -webkit- для box-shadow, если на Can I Use написано, что поддерживается всеми браузерами? Стоит ли использовать префиксы, полагаясь на него или убрать? Ведь от этого зависит и размер файла.

И еще вопрос, что лучше использовать: плагины vscode или пакет для галпа? для тех же autoprefixer and csscomb

Answer 1

[Дима Паутов]

Автопрефиксер работает на основе настройки в webpack или gulp, в которой указывается, какие версии браузеров вы поддерживаете. А can i use ему нужен для того, что бы узнать, нужно ли для указанной версии браузера указывать префикс к свойствам. Либо положите болт, ибо плохого в этом ничего нет, или просто укажите список версий браузеров, для которых не нужны префиксы.

Отвечая на 2й вопрос, то лучше использовать плагины для галпа или webpack. Причина проста, ваша заготовка для сборки будет независимо работать от любого редактора и любой человек сможет без проблем использовать все фичи вашей сборки запуском 1й команды npm install, а редактор вы можете сменить, в котором заново будете устанавливать свои плагины.

Comments

[Andrej Sharapov]

а как узнать, какие браузеры указаны для поддержки?

[Дима Паутов]

Andrej Sharapov, https://github.com/sindresorhus/gulp-autoprefixer#usage

pipe(autoprefixer({
			browsers: ['last 2 versions'],
			cascade: false
		}))

Answer 2

[sim3x]

Убрать, если не поддерживаете ИЕ

Answer 3

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

если на Can I Use написано

А разве разработчик Вашего автопрефиксера заявляет что его скрипт берет информацию с caniuse? Они живут отдельно, не синхронизированы. Это два разных проекта, так что различия в информации - это нормально и ожидаемо.

Стоит ли использовать префиксы, полагаясь на него или убрать?

На кого из них двух? Чем Вам мешают префиксы, тем более что речь всего об одном css свойстве? Вы переживаете, что будет лишние 40 байт веса у css? Думаю оптимизация кода css и селекторов даст больше.
Отсутствие префикса может быть критичным для верстки, лишний префикс -это всего лишь лишний вес css файла и не более того. Не вижу проблемы.

Comments

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

MaxKorz,
используют данные Can I Use и синхронизированы с Can I Use - разные вещи
Мало того caniuse-lite и веб морда сайта caniuse.com ()где топик стартер смотрит) это разные вещи

[Andrej Sharapov]

Максим Тимофеев, получается, это камень в огород автопрефиксера, так как не полностью синхронизированы. Но если смотреть напрямую в браузерах, то везде достаточно использовать без префиксов. Поэтому, получается, что лучше не добавлять префиксы к этому свойству.

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

Andrej Sharapov,

получается, это камень в огород автопрефиксера, так как не полностью синхронизированы.

да, не должны они быть синхронизированы

Поэтому, получается, что лучше не добавлять префиксы к этому свойству.

лучше, но не поэтому

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

MaxKorz, под caniuse я подразумеваю сайт и его web морду, данные в автоперфиксере попадают не оттуда. Топикстартер сравнивает данные с web мордой? Смысл обсуждать caniuse-lite если автор вопроса не с ним сравнивает?

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

MaxKorz, автоматом, правки вебморды и caniuse-lite синхронизированы? Или все же что-то первично, а что-то вторично и есть задержка в обновлении первого и второго?

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

MaxKorz, нет, это правда, данные в автопрефиксер попадают не с вебсайта, на который смотрит топикстартер.

[Andrej Sharapov]

Максим Тимофеев, так веб-сайт тоже берет эти данные откуда-то. true || false
и описание префиксера прямым текстом дает понять, что данные берутся с сайта

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

Andrej Sharapov,

берет эти данные откуда-то

Вот и получается, что если данные процессы не синхронны, данные разные. Я про это и говорю

[Andrej Sharapov]

а как узнать, какие браузеры указаны для поддержки в плагине?

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

Andrej Sharapov, смотреть доки к плагину или разобрать сам плагин и глянуть внутри. Но не совсем понятно что значит "какие браузеры", какие версии?

[Andrej Sharapov]

Максим Тимофеев, да, версии браузеров. Я ничего не менял после установки vscode и префиксера, поэтому думаю, что поддерживаются все последние версии.

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

Andrej Sharapov, какой именно префиксер? Их не мало.

[Andrej Sharapov]

Максим Тимофеев,
https://www.npmjs.com/package/autoprefixer
https://marketplace.visualstudio.com/items?itemNam...

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

Andrej Sharapov, А что мешает Вам нажимать на ссылки и читать доки? Вот второй клик на странице, что Вы дали приводит нас: https://github.com/browserslist/browserslist