我有一个使用该gatsby-plugin-sass插件的sass支持的Gatsby网站。那行得通，但是现在我想添加PostCSS支持。
根据此页面上的警告（不建议使用的插件），现在应该可以通过在postCssPlugins选项中定义postcss插件来实现。
确实，sass插件文档告诉我可以在选项中添加postcss插件，但是我不清楚如何确切地执行此操作。我已经gatsby-plugin-postcss单独添加了插件，现在正尝试将其与sass插件集成。
这不起作用：
gatsby-config.js：
// SASS support with PostCSS support:
`gatsby-plugin-postcss`,
{
resolve: `gatsby-plugin-sass`,
options: {
postCssPlugins: ['gatsby-plugin-postcss'],
},
},
我想我应该用不同的方式来称呼它，但是我找不到关于它的任何文档？
gatsby-plugin-postcss使用特定的postcss插件（postcss-preset-env例如）来处理CSS代码，它本身不是postcss插件，因此您不能在postCssPluginsoption中使用它。
而且gastby可以处理sass文件的管道是sass -> postcss plugin -> final result，所以只需使用sass插件并在选项中选择postcss即可postCssPlugins。
{
resolve: `gatsby-plugin-sass`,
options: {
postCssPlugins: [
require(`postcss-preset-env`)({
stage: 2,
features: {
"nesting-rules": true,
},
}),
],
precision: 6,
},
},
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句