为什么我在Chrome检查器中看到scss文件？

Question

我创建了sass项目。 在我的global.scss文件中，我有2个导入：

//Modules and Variables
@import "partials/base";

//Partials
@import "partials/tables";

当我编译文件时，我希望在google chrome inspector中看到global.css文件，但我看到了_base.scss和_tables.scss。

为什么？ global.scss的编译是正确的，我可以看到所有的global.css文件。

Answer 1

因为map文件夹中有CSS个文件，例如*.css.map和*.scss.map。它基本上将浏览器使用的global.css反向映射到成分.scss文件。他们在那里是因为它有助于开发人员调试并确切知道代码所在的.scss文件。如果您不想要它们，请删除.map文件。