Пост CSS Авторефиксер не работает в Laravel 7.x

Question

В эта ссылка , Laravel документация гласит:

По умолчанию Mix использует популярный плагин Autoprefixer для автоматического применения всех необходимых префиксов поставщика CSS3.

Но когда я пишу css, как показано ниже, и компилирую его, используя sass, вывод не имеет префикса css!

display: grid;
box-sizing: border-box;
transform: translate(-50%, -50%);

Вот мой webpack.mix . js конфигурация файла:

mix.sass('resources/sass/app.scss', 'public/css')
   .options({ processCssUrls: false });

Я даже использовал эту конфигурацию , но опять же без префиксов!

Answer 1

Вам необходимо указать, какие версии браузера вы хотите поддерживать в вашем пакете . json file:

"browserslist": [
    "last 3 versions"
 ]

• browserl.ist : страница для отображения совместимых браузеров из строки списка браузеров

• Список браузеров: конфигурация для совместного использования целевых браузеров и Node.js версий между различными интерфейсными инструментами

Настройки по умолчанию должны быть хорошими в большинстве сценариев ios.

• Laravel Mix CSS Препроцессоры

_{Источник: Sti3bas}