Sassの桁数ズレについて

Question

###前提・実現したいこと
デベロッパーツールで、Sassの桁数がズレて表示されます。
Chromeやfirefoxを最新バージョンにしたのですが駄目でした。

ずっとズレているため、いちいち要素を検索して使用しているので
かなり不便で困っております。

どうぞよろしくお願いいたします。

Comments

[raidomaru]

環境がわからないので、的外れな質問でしたら申し訳ございません。 SourceMapを使用していてそれがずれるということでしょうか。

[nome]

ご返信ありがとうございます。はい。SourceMapを使用してChrome「検証」で行数を見ているのですが、それが実際のscssファイルのものと違うので難儀しております。

Answer 1

コンパイルにgulpを使っているという想定で回答させていただきますね。
sass自体の機能でcompressedにするとなぜかずれるようです。

https://qiita.com/kyaido/items/04658c04a7dbe9f05c16

上記、記事ではCSSの圧縮にminify-cssを使われてますが、現在は非推奨でclean-cssを使うのが良さそうです。

http://takedajs.hatenablog.jp/entry/2016/11/23/115457

想定がずれておりましたら申し訳ございません。

Comments

[nome]

ご返答ありがとうございます。gulpを使用しております。
教えて頂いた方法に挑戦してみたいと思います。
ありがとうございました。