使用包含多个文件的Sass sourcemaps_Sass

使用包含多个文件的Sass sourcemaps

sass

使用包含多个文件的Sass sourcemaps,sass,Sass,我正在将我的工作流程移动到使用Sass的sourcemaps，它进行得很顺利，但每次我在Chrome开发工具中进行更改时，它都会覆盖我的main.scss 我的文件结构如下： scss - main.scss |- inc |-_mixins.scss |-_typo.scss |- etc... 和main.scss包含多个@import“inc/mixin”行，显然每个行具有不同的文件名我使用sass--sourcemap-scss/main.sc

我正在将我的工作流程移动到使用Sass的sourcemaps，它进行得很顺利，但每次我在Chrome开发工具中进行更改时，它都会覆盖我的

main.scss

我的文件结构如下：

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

和

main.scss

包含多个

@import“inc/mixin”行，显然每个行具有不同的文件名
我使用sass--sourcemap-scss/main.scss-css/main.css
创建了一个sourcemap，然后开始使用sass--sourcemap--watch-scss:css
查看文件（都找到了）
我还在Chrome开发工具中映射了工作文件
它最初是有效的，因为如果我检查DevTools中的元素，就会看到SCSS中的代码。如果我编辑一个值，它会用css/main.css
的内容覆盖我的scss/main.scss
，这非常奇怪
有人能解释一下吗？
所以，我想出来了
我按照图坦卡蒙的方法来工作，但是没有正确地映射本地文件
如果要手动设置SASS sourcemapping，则必须小心将包含的文件映射到正确的位置。不知怎的，我把一个映射到main.scss，所以它会在更改时覆盖它