FontFaceルールの後にスタイラスで壊れたソースマップの問題を修正する方法

Question

私はスタイラス+ウェブパック2で作業しています。私はソースマップを使用していて、@ font-faceを外側のフォントルールで追加するまで、

私のソースマップが機能していません。多分誰かがそれについて何かを知っていて、それをどのように修正することができますか？何か助けてくれてありがとう！

は、ここに私のコード

$relativePathToAssets = "../" 

@font-face { 
    font-family: 'YanoneKaffeesatzBold'; 
    src: url($relativePathToAssets + 'fonts/yanoneKaffeesatz_bold/YanoneKaffeesatz-Bold.eot'); /* IE9 Compat Modes */ 
    src: url($relativePathToAssets + 'fonts/yanoneKaffeesatz_bold/YanoneKaffeesatz-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ 
      url($relativePathToAssets + 'fonts/yanoneKaffeesatz_bold/YanoneKaffeesatz-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
      url($relativePathToAssets + 'fonts/yanoneKaffeesatz_bold/YanoneKaffeesatz-Bold.woff2') format('woff2'), /* Super Modern Browsers */ 
      url($relativePathToAssets + 'fonts/yanoneKaffeesatz_bold/YanoneKaffeesatz-Bold.woff') format('woff'); 
} 

Answer 1

問題は、コメントにあったあります。それを削除してから、すべてのソースマップが正常に動作するはずです。