如何将POSTSS插件添加到Gatsby SASS插件

我有一个盖茨比网站，使用

Gatsby插件sass

插件提供sass支持。这是可行的，但现在我想添加PostSS支持

根据（一个不推荐使用的插件），现在应该可以通过在

postsssplugins

选项中定义postss插件来实现这一点

事实上，这告诉我我可以添加一个PostSS插件到选项中，但我不清楚如何确切地做到这一点。我已经分别添加了

gatsby插件postss

插件，现在正尝试将其与sass插件集成

这不起作用：

gatsby config.js:

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

---

我想我应该用另一种方式来称呼它，但我找不到任何关于这方面的文档？

gatsby plugin postsss

使用特定的postsss插件（

postsss preset env

），例如）来处理css代码，它本身不是一个postss插件，所以你不能在

postsssplugins

选项中使用它

gastby处理sass文件的管道是

sass->postsss plugin->final result

，因此只需使用sass plugin并在其选项

postsss plugins

中选择postss即可

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

---

谢谢，其实很明显：）