我可以动态更改 scss 文件以在 Vue 应用程序中使用吗？答案

【问题标题】：Can I dynamically change scss file to use in Vue app?我可以动态更改 scss 文件以在 Vue 应用程序中使用吗？
【发布时间】：2020-11-15 17:49:41
【问题描述】：

是否有可能从服务器获取.scss 文件并开始在我的Vue app 中使用它？假设我想用color variables 获取.scss 文件，并且我在Vue 上为同一家公司提供了3 个不同的应用程序。为了保持一致，我想为所有应用使用相同的颜色。但是可以在服务器上更改它们，然后在所有 3 个应用程序中颜色都应该更改。

【问题讨论】：

如果它们在不同的服务器上运行，我认为您必须以某种方式在线存储文件，CDN 或其他东西。但即便如此，SCSS 还是必须编译成 CSS，所以你必须再次运行构建。说实话，听起来工作量大了很多
我什至尝试过使用 CDN，但没有成功。也许问题出在scoped 风格中，我不知道。至于我，我认为 css 应该始终是一些 static file 但在我当前的项目中，有一个任务假设尝试从服务器获取 css 文件并将其应用于应用程序。

标签： javascript css vue.js sass

【解决方案1】：

如果是颜色这样简单的东西，那么您可以使用 CSS 变量而不是 SCSS。

To quote 来自文档：

自定义属性（有时称为 CSS 变量或级联变量）是 CSS 作者定义的实体，其中包含要在整个文档中重复使用的特定值。它们使用自定义属性表示法（例如，--main-color: black;）设置，并使用var() 函数（例如，color: var(--main-color);）访问。

【讨论】：