Как добавить плагин Post CSS в плагин Gatsby SASS

Question

У меня есть сайт Gatsby с поддержкой sass с использованием плагина gatsby-plugin-sass. Это работает, но теперь я хочу добавить поддержку Post CSS.

В соответствии с предупреждением на этой странице (устаревший плагин) это теперь должно быть возможно путем определения сообщения css плагин в опциях postCssPlugins.

Действительно, документация по плагину sass говорит мне, что я могу добавить плагин css к опциям, но мне неясно, как это сделать. это точно. Я уже добавил плагин gatsby-plugin-postcss отдельно и сейчас пытаюсь интегрировать его с плагином sass.

Это не работает:

gatsby-config. js:

    // SASS support with PostCSS support:
    `gatsby-plugin-postcss`,
    {
      resolve: `gatsby-plugin-sass`,
      options: {
        postCssPlugins: ['gatsby-plugin-postcss'],
      },
    },

Думаю, мне следует позвонить по-другому, но я не могу найти документацию по этому вопросу?

Answer 1

gatsby-plugin-postcss используйте спецификатор c плагин post css (например, postcss-preset-env) для обработки кода css, сам по себе не является плагином post css, поэтому его нельзя использовать в * Опция 1003 *.

И конвейер для Gastby для обработки файла sass sass -> postcss plugin -> final result, поэтому просто используйте плагин sass и выберите post css в его опции postCssPlugins.

{
  resolve: `gatsby-plugin-sass`,
  options: {
    postCssPlugins: [
      require(`postcss-preset-env`)({
        stage: 2,
        features: {
          "nesting-rules": true,
        },
      }),
    ],
    precision: 6,
  },
},