バージョン3.11.1を使用して次のファイルのソースマップを生成する場合
.example {
display: grid;
transition: all 0.5s;
user-select: none;
background: linear-gradient(to bottom, white, black);
}
<strong i="6">@color</strong>: "blue";
#my-div {
color: @color;
}
ノードスクリプトで次のコマンドを使用します
less.render(lessFileContents, { sourceMap: { sourceMapFileInline: false } })
.then(function (output) {},
次に、ソースマップを確認し、 https://sokra.github.io/source-map-visualization/#customツールで実行します。
{"version":3,"sources":["input"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,oBAAA;EACA,iBAAA;EACA,YAAY,wCAAZ;;AAKF;EACE,OAHM,MAGN"}
これら2つのマッピングwCAAZ ;; AAKFの間に、}のマッピングがあるはずの空の行が表示されます。 これは、この生成されたマップが元のLessファイルに戻るために使用している中間ステップであるソースマップを作成するときに問題になります。
更新として、Stylusとnode-sassを試しましたが、生成されたファイルの閉じ括弧を元のファイルに戻すためのマッピングがありません。 これは一般的なプリプロセッサの制限にすぎませんか?
簡単な答えは、Less(現在)には、ソースマップが概念になる前に作成されたことが主な理由で、ソースの開始のみを追跡し、ソースの終了は追跡しない非常に単純なパーサーがあるということです。
Chevrotainを使用してLessパーサーを最初からOpen Collective )がなければ、実際に作業することしかできません。限られた自由時間で。 私はまだそうするつもりですが、それは時間がかかるかもしれません。
迅速な対応に感謝します。 金曜日のオープンコレクティブに貢献します。 新しいパーサーが将来登場することを知った今、私は新しいパーサーに興奮しています。 私は毎月の寄稿者としてサインアップし、MeteorSlackチャネルとLinkedInで発表しました。 今後もLESSへのご支援を賜りますようお願い申し上げます。 それは私のお気に入りのプロジェクトの1つです
レスは素晴らしいと言いたかっただけです
この問題は、最近のアクティビティがないため、自動的に古いものとしてマークされています。 それ以上のアクティビティが発生しない場合は閉じられます。 貢献していただきありがとうございます。
最も参考になるコメント
レスは素晴らしいと言いたかっただけです