为什么我在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文件.