Включение автоприставки (в частности) сетки для IE11 в Gatsby

Мне сложно заставить сетки работать с моим сайтом Gatsby. Я использую SASS через плагин gatsby-plugin-sass и указываю параметры. Вот точная конфигурация, которую я нашел в Интернете:

{
    resolve: 'gatsby-plugin-sass',
    options: {
        postCssPlugins: [
            autoprefixer({
                grid: true
            }),
        ],
    },
}

Это помещено в мой gatbsy-config.js.

В моем .browserslistrc есть следующее:

last 2 version
> 1%
IE 10

Тем не менее, я все еще не вижу сетки должным образом.

Есть предложения / идеи?


person ddibiase    schedule 29.02.2020    source источник
comment
По умолчанию сетка отключена автопрефиксом.   -  person ksav    schedule 01.03.2020
comment
@ksav, как вы можете видеть выше, я установил для grid значение true.   -  person ddibiase    schedule 02.03.2020
comment
Попробуйте добавить это в начало любого файла scss с объявлениями сетки: /* autoprefixer grid: autoplace */   -  person ksav    schedule 03.03.2020
comment
Спасибо, я не думаю, что это имело значение :(   -  person ddibiase    schedule 06.03.2020
comment
Вы должны иметь возможность проверить, есть ли префиксы ms в вашем скомпилированном CSS?   -  person ksav    schedule 06.03.2020


Ответы (1)


Вам не нужно использовать параметры, grid: true или grid: autoplace для меня ничего не изменили. / * сетка autoprefixer: autoplace * / в начале .scss или .module.scss отлично работает (как написал @ksav)

person Ondra Sněhulák    schedule 07.03.2020
comment
К сожалению, для меня это не имело большого значения. - person ddibiase; 07.03.2020
comment
Использование контрольных комментариев будет работать ТОЛЬКО в локальной среде разработки, они удалены для производства. См. Здесь единственное реальное решение для взлома: github.com/gatsbyjs/gatsby/issues/15509 - person mildrenben; 14.05.2020