Libsass: 複合「&」セレクターを含むミックスインは、ソースマップを無効にします

作成日 2017年02月03日  ·  3コメント  ·  ソース: sass/libsass

特定の条件のセットの下で、 &.mod-enabled&:afterなどの&を使用する複合セレクターにより、ソースマップジェネレーターは負の列インデックスを持つソースマップを生成します。

条件は次のとおりです。

  • ルールは、上記のように親セレクターを使用する複合セレクターである必要があります
  • ルールはミックスインのルートにある必要があります
  • ミックスインは少なくとも6回ドキュメントに含まれている必要があります

これは、 gulp-sassnode-sassバージョン4.0に切り替わったときにポップアップし、LibSassを3.4にプッシュしました。 私が作成できる最小の再現可能なテストケースは、こちらから入手できます

サンプルエラー:

Error: Invalid mapping: {"generated":{"line":1,"column":6},"source":"mixins.scss","original":{"line":3,"column":-4},"name":null}
    at SourceMapGenerator_validateMapping [as _validateMapping] (/Users/cepheus/break-gulp-sass/node_modules/source-map/lib/source-map-generator.js:277:13)
    at SourceMapGenerator_addMapping [as addMapping] (/Users/cepheus/break-gulp-sass/node_modules/source-map/lib/source-map-generator.js:101:12)
    at /Users/cepheus/break-gulp-sass/node_modules/concat-with-sourcemaps/index.js:60:28
    at Array.forEach (native)
    at SourceMapConsumer_eachMapping [as eachMapping] (/Users/cepheus/break-gulp-sass/node_modules/source-map/lib/source-map-consumer.js:155:14)
    at Concat.add (/Users/cepheus/break-gulp-sass/node_modules/concat-with-sourcemaps/index.js:58:18)
    at DestroyableTransform.bufferContents [as _transform] (/Users/cepheus/break-gulp-sass/node_modules/gulp-concat/index.js:68:12)
    at DestroyableTransform.Transform._read (/Users/cepheus/break-gulp-sass/node_modules/readable-stream/lib/_stream_transform.js:159:10)
    at DestroyableTransform.Transform._write (/Users/cepheus/break-gulp-sass/node_modules/readable-stream/lib/_stream_transform.js:147:83)
    at doWrite (/Users/cepheus/break-gulp-sass/node_modules/readable-stream/lib/_stream_writable.js:347:64)

テストケースの二等分線は、この問題がコミットde83d30で導入されたことを明らかにしました。

Bug - Confirmed Bug - Sourcemaps

最も参考になるコメント

dlmanning / gulp-sass#577でCCを実行しているため、この問題はその問題に関連しています。

全てのコメント3件

dlmanning / gulp-sass#577でCCを実行しているため、この問題はその問題に関連しています。

テストケースをありがとうございますライブで確認でき

grafik

これに関連する問題をangular / material2のスタイルと組み合わせて取得します。 問題の認識を高めるためにここにコメントします。

このページは役に立ちましたか?
0 / 5 - 0 評価