如何将 Env Vars 传递给 Gatsby 中的 Sass 插件？

【问题标题】：How To Pass Env Vars to Sass Plugin in Gatsby?如何将 Env Vars 传递给 Gatsby 中的 Sass 插件？
【发布时间】：2021-04-09 15:05:25
【问题描述】：

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

这不起作用：

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

【问题讨论】：

【解决方案1】：

根据this recent GitHub thread，这些选项不是直接有效的：

无效的选项对象。 Sass Loader 已使用与 API 架构不匹配的选项对象。

这导致 options 对象未定义。

尝试将您的 gatsby-plugin-sass 升级为：

gatsby-plugin-sass@3.0.0-next.2

请检查您的node-sass 版本。

【讨论】：