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 は検出した各セレクターの診断情報を出力します。これは生のデバッグ情報であると想定されているため、パスは (相対的に) 解決されていません。

さらに深刻なことに、この情報はコアの抽象構文ツリーから得られます。正規のファイル パスを解決すると、コンパイル全体のパフォーマンスが低下します。

source-map には相対パスが含まれているため、ブラウザー開発ツールの補助として、代わりに sourceMap オプションを使用してください。

Github ディスカッションへのリンク

libsass に関するディスカッション:リンク

于 2017-02-08T19:04:58.480 に答える