javascript - 如何在 Gatsby 中将环境变量传递给 Sass 插件？

Question

如何将环境变量传递给 gatsby-sass-plugin？我希望能够将一个环境变量传递到加载器中，然后我可以在我的 scss 文件中使用它。这没有很好的记录，我不确定该怎么做。

引用:https://www.gatsbyjs.com/plugins/gatsby-plugin-sass/

这不起作用:

{
  resolve: "gatsby-plugin-sass",
  options: {
    additionalData: `$storeName: ${process.env.SHOPIFY_STORE_NAME};`
  }
},

Answer 1

根据 this recent GitHub thread ，这些选项并不直接有效，因为它:

Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.

这导致 options 对象未定义。

尝试将您的 gatsby-plugin-sass 升级到:

gatsby-plugin-sass@3.0.0-next.2

还要检查你的 node-sass 版本。