是否可以根据环境决定将哪些内容导入SCSS？

Question

我有一个Angular应用程序，可以从NPM获取特定的样式和组件。以下应用程序结构

• 特定于客户的Angular项目
• 我自己的Angular组件库
• 我的自定义Bootstrap库

现在，我使用@import获取必要的样式变量，例如$spacing或$padding-y，以进行特定的样式调整。

Angular组件库的page.component.scss

// for production
// @import "~@custom/themes/src/scss/abstracts/variables";

// for development
@import "../../../../themes/src/scss/abstracts/variables";

#page {
  // ... custom styles ...
}

为了快速，轻松地进行开发，我使用本地路径。因此，我可以对主题库进行小的样式调整，而无需再次发布。对于生产环境，我使用来自node_modules的正确依赖项。

现在，我不想为每个scss文件管理两个版本。 （例如：page.scss和page.dev.scss）

有人知道我如何解决这个问题吗？