如何解決FontFace規則後手寫筆中損壞的源代碼映射的問題

Question

我正在使用Stylus + webpack 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

的問題是在評論中。它應該被刪除，之後，所有的源代碼將工作正常。