如何每次将 CSS 转换为 SCSS？答案

【问题标题】：How to convert CSS to SCSS every time?如何每次将 CSS 转换为 SCSS？
【发布时间】：2017-11-06 18:00:39
【问题描述】：

我是一名使用 sass (.scss) 进行样式设置的全栈开发人员。但是，我的后端团队，当他们必须进行前端更改时，会使用 css，因为他们对此感到满意。

我必须每次手动将 css 转换为 scss，否则我会覆盖他们的更改。有没有办法更新我的 scss 文件以自动引入 css 更改？

我的 IDE 是 PhpStorm（如果对任何人有帮助的话） SASS 版本 3.4.24

【问题讨论】：

“我将覆盖他们的更改” - 他们将这些更改放在哪里？大概您在版本控制中唯一拥有的是 SCSS？
告诉他们使用 SCSS，他们没有理由不使用它。如果前端开发人员决定他们将使用 SCSS，那么其他人应该遵守。这就像well i like php, but our stack is in nodeJS, but im gonna do PHP anyway
@OliverCharlesworth 他们直接把它们放在css文件中
CSS 是有效的 SCSS，所以如果他们只是将更改提交到未编译的 SCSS，一切都应该没问题。
那么听起来您正在尝试通过技术解决方案来解决社会问题 - 偏离了 SO 的主题，但这是您的经理需要解决的问题。

【解决方案1】：

我没有看到 PHPStorm 的插件可以做到这一点；你可能必须自己做一个。但即使你这样做了，它生成的 SCSS 也可能不会比你已经拥有的 CSS 好多少。转换为 SCSS 只是为了编译回 CSS 是愚蠢的。 SCSS 的全部意义在于，您不必编写 CSS。

您可以使用 this one 之类的网站将 CSS 转换为 SCSS。同样，结果可能不会比只保留 CSS 好多少。

我的解决方案是拆分 CSS 文件。一部分是给顽固的开发者，另一部分是从你喜欢使用的 SCSS 编译而来的 CSS。因此，它们可以在 CSS 中工作，而您可以在 SCSS 中工作。

在技术解决方案之前，您可能需要工作场所解决方案。

【讨论】：

是的，我就是这样设置的。一个 CSS 文件，一个 SCSS。 SCSS 通过插件保存后编译为 CSS。所以你的意思是我每次都必须继续将 CSS 转换为 SCSS，直到找到可接受的工作场所解决方案？
@JDub 好的，那么我的意思是 3 个文件。 1 个 CSS 供不编写 SCSS 的开发人员使用，1 个 SCSS 和 1 个 CSS 供 SCSS 编译成。