Почему не работает autoprefixer во Vue Cli?

Question

[LanaMore]

Здравствуйте! В проекте использую Vue Cli, в документации написано, что плагин autoprefixer включён по умолчанию.
Но при проверке в браузерах, автопрефиксов нет (единственное свойство с префиксом - user-select), и следовательно, что-то где-то не поддерживается. Использую Less.

Так же в документации написано - "Чтобы определить целевые браузеры используйте поле browserslist в файле package.json".

Добавляю ниже написанное, но все равно префиксов нет.
"browserslist": [
"last 2 version",
"> 1%",
"not dead"
]


Подскажите, пожалуйста, что надо сделать, чтобы префиксы появились для всех браузеров. Спасибо

Answer 1

[WapSter]

npx browserslist увидишь список браузеров, может для них и вовсе не нужны префиксы. Список опций для настройки.

Comments

[LanaMore]

делала, выходит довольно большой список. Да и проверяла, в Foxe не работают flex.

[WapSter]

LanaMore, установил vue cli и проверил. Автопрефиксер работает вам стоит детально настроить browserslist например так

'Chrome >= 45',
    'Firefox ESR',
    'Edge >= 12',
    'Explorer >= 10',
    'iOS >= 9',
    'Safari >= 9',
    'Android >= 4.4',
    'Opera >= 30'

А проверить текущую работоспособность при помощи такой конструкции

::placeholder {
 color: gray;
}

[LanaMore]

WapSter, проверила. Действительно, на placeholder добавляет. Тогда почему на flex не добавляет?

[WapSter]

LanaMore, как уже выше написал нужно детальнее настроить browserslist, так как у вас сейчас для последних двух версий популярных браузеров, а они все поддерживают flex без префиксов.

[LanaMore]

WapSter, добавила вашу детальность и все заработало. Спасибо)

[WapSter]

LanaMore, пожалуйста