0

所以我正在运行一个 gulp 设置（远程服务器），它在正确的目录中创建源映射，将 sourceMappingURL （链接到正确的映射）添加到我的 css 文件，并在我的 css.map 中写入正确的 sourceRoot。

但是，当我检查我的元素样式时，它仍然指向已编译的 css 文件。（而不是 source.scss 文件）

这是我的目录结构：

开发-
| |
| scss -
| |
| main.scss
产品-
        |
        css -
               |
                 main.css
                 main.min.css
                 main.min.css.map

我的源映射 urlmain.min.css是：sourceMappingURL=main.min.css.map
源根main.min.css.map是："sourceRoot":"../../dev/scss"


我的 gulp 函数如下所示： 

gulp.task('styles', function() {
  return sass('site/lvh2016/dev/scss/main.scss', { sourcemap: true, style: 'compact' })
    .pipe(sourcemaps.init())
    .pipe(autoprefixer('last 2 version'))
    .pipe(gulp.dest('site/lvh2016/prod/css'))
    .pipe(rename({ suffix: '.min' }))
    .pipe(cssnano())
    .pipe(sourcemaps.write('.', {
        includeContent: false,
        sourceRoot:'../../dev/scss'
    }))
    .pipe(gulp.dest('site/lvh2016/prod/css'));
});

有人知道为什么我的页面检查器没有将我指向源 .scss 文件吗？而是将缩小的 .css 显示为源？

4

0 回答 0