您可以从.css.map生成.scss文件吗

Question

我从另一个开发人员那里得到了一些文件，并被告知进行一些更改。在文件结构中，有一个.css文件和.css.map文件。

我对SASS相对较新，但是我的理解是您创建一个.scss文件并使用命令行：sass --watch style.scss：style.css，该文件生成.css.map文件并编译冲入CSS。

有没有一种方法可以仅使用.css文件和.css.map文件来向后工作以生成.scss文件，或者其他开发人员只是忘了给我这些文件？

Answer 1

CSS是Sass的输出，您不能从CSS生成原始的Sass文件。

如thesassway所述，源映射（.css.map）试图弥合诸如CoffeeScript和Sass之类的高级语言与它们编译为JavaScript和CSS的低级语言之间的鸿沟。源映射使您可以在调试时查看原始源（CoffeeScript或Sass），而不是已编译的JavaScript或CSS。

（TL; DR，用于调试）

如果您在不使用SASS进行编译的情况下编辑CSS输出文件，那么下一个在Sass文件中编写并编译它们的人将覆盖您的工作。

我不确定为什么其他开发者会希望您直接对CSS输出文件进行更改，但是要求他们提供有关期望您做些什么的指南不会伤害任何人。 ：）

Answer 2

是的，你可以。使用 Chrome，检查页面上的内容，转到“Sources”选项卡，转到“Page”选项卡，向下展开到从 CSS Map 生成的 SCSS 文件（基本上是原始 SCSS 文件）。

下面的例子是使用 WordPress，我在你的情况下，我只有 CSS Map 文件。只需将文件一一复制和/或保存到适当的文件夹中。现在你有了 SCSS 文件 :)