Sass Chrome开发工具-映射网络资源-如何映射到目录

我想使用“映射网络资源”功能查看我的.scss文件。因此，我将main.css文件映射到main.scss

我的问题是我的main.scss只包含@import指令：

// Utils
@import 'utils/colors';
@import 'utils/bootstrap-variables';
@import 'utils/functions';
@import 'utils/variables';
@import 'utils/mixins';

// Vendors
@import 'vendors/bootstap';
@import 'font-awesome';

// Base
@import 'base/reset';
@import 'base/typography';

// Components
@import 'components/state';
@import 'components/panel-dashboard';
@import 'components/modal';

---

因此，当我检查我的道指元素时，我看不到真正的.scss资源，而只看到main.scss资源。

你在使用sourcemaps吗？是的，sourcemap生成得很好，按照这些说明应该足够了，但仍然存在问题。我只在inspect element面板中看到我的main.scss文件，而不是定义了我的类的main.scss导入的所有.scss文件。您应该映射SASS所在的根文件夹，而不是单个文件。