0

我一直在为我正在使用的一个项目做 sourceComments，并且在 CSS 中输出的评论以便我可以找到正确的 scss 文件显示与我的计算机相关的路径

例如

/* line 39, /Applications/MAMP/htdocs/usaa/bare-minimum/framework/scss/settings/_typography.scss */

我希望这是

/* line 39, settings/_typography.scss */

当这是我的 gulpfile.js 时，我将如何完成此操作（此处显示 sass 函数）

var sassSrc = './framework/scss/*.scss';
var watchSrc = './framework/**/*.scss';

function doSass(cb) {
  gulp.src([sassSrc, watchSrc], {
      base: 'framework/scss'
    })
    .pipe(sourcemaps.init())
    .pipe(sass({
      errLogToConsole: true,
      soureMap: 'scss',
      sourceComments: 'map'
    }).on('error', sass.logError))
    .pipe(cmq())
    .pipe(autoprefixer())
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('dev/css/'))
    .pipe(cssmin())
    .pipe(rename({
      extname: '.min.css'
    }))
    .pipe(gulp.dest('dev/css/'))
    .on('end', function() {
      if (cb && typeof cb === 'function')
        cb();
    });
}
gulp.task('sass', doSass);

4

1 回答 1

0

不幸的是，使用 LibSass 是不可能的。node-sass 成员的回答：

使用 sourceComments 选项，libsass 会为其遇到的每个选择器发出诊断信息。它应该是原始调试信息，因此路径没有（相对）解析。

更严重的是，此信息来自核心抽象语法树，其中解析规范文件路径会降低整体编译的性能。

对于浏览器开发工具的帮助，请改用 sourceMap 选项，因为 source-map 带有相对路径。

链接到 Github 讨论

关于 libsass 的讨论：链接

于 2017-02-08T19:04:58.480 回答