Vue3 autoprefixer проблема конфигурации

Question

У меня есть новый проект, который был создан с помощью Vue-cli 3 с использованием vue create my-new-project. Я использую сетку CSS для некоторых элементов макета, и мне нужно поддерживать IE11 и новее. В документах Vue сказано, что авторефиксер загружен и включен по умолчанию, но он не работает. Я не могу заставить его работать в npm run build или npm run serve. Хорошо работает в Chrome, но IE11 не работает. Я уверен, что есть некоторые настройки, которые нужно сделать, но я не уверен, что это может быть.

.browserslistrc:

> 1%
last 4 versions

postcss.config.js:

module.exports = {
  plugins: {
    autoprefixer: {}
  }
};

Answer 1

Поддержка CSS Grid по умолчанию отключена.
Вы можете включить его, используя опцию grid: autoplace или управляющий комментарий /* autoprefixer grid: autoplace */.

module.exports = {
  plugins: {
    'autoprefixer': {
      grid: 'autoplace'
    },
  }
};

Имеет ли схема автозаполнения сетки Polyfill для IE?