Question

我正在移动我的工作流程以使用Sass的源地图，并且进展顺利，但每次我在Chrome Devtools中进行更改时，我都无法覆盖main.scss。

我的文件结构是这样的：

scss - main.scss
  |- inc
      |-_mixins.scss
      |-_typo.scss
      |- etc...

和main.scss包含多行@import "inc/mixins";行，显然每行都有不同的文件名。

我使用sass --sourcemap scss/main.scss css/main.css创建了一个源地图，然后开始使用sass --sourcemap --watch scss:css（所有找到in this tut）来查看文件。

我还在Chrome Devtools中映射了工作文件。

它最初工作，因为如果我检查DevTools中的元素，我会在SCSS中看到代码。如果我修改了一个值，它会用scss/main.scss的内容覆盖我的css/main.css，这非常奇怪。

有人对此有所了解吗？

Answer 1

所以，我明白了。

我按照tut来使这个工作，但是错误地映射了本地文件。

如果您手动设置SASS源映射，则必须小心将包含的文件映射到正确的位置。不知怎的，我有一个映射到main.scss，因此它在更改时覆盖它。