Ich habe kürzlich begonnen, Bootstrap SCSS in meinem Knotenprojekt zu verwenden. Also habe ichapp/bower_components/bootstrap-sass/lib/_glyphicons.scss zum Beispiel.

Wenn ich meine CSS-Ausgabe betrachte, sehe ich Dinge wie:

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/some\/path\/project\/app\/bower_components\/bootstrap-sass\/lib\/_normalize\.scss}line{font-family:\0000332}}
audio,
canvas,
video {
  display: inline-block;
}

Ich habe 2 Fragen:

Dies scheint eine Sicherheitslücke zu sein. Jeder kann etwas über mein Betriebssystem und meine Verzeichnisstruktur ableiten, indem er sich einfach mein CSS ansieht. Was ist der richtige Weg, um diese Sicherheitslücke zu schließen?Wie funktioniert es? Ich hätte es fast herausgefunden, aber mir fehlt etwas. Wenn ich mir das SCSS ansehe, sehe ich, dass Bootstrap verwendet wird$icon-font-path was sich anscheinend in diesen absoluten Weg verwandelt. AnschauenKompassdokumentationIch sehe, dass sie absolute Werte liefern, aber nein$icon-font-path

Dies ist der Code, auf den ich mich beziehe:

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('#{$icon-font-path}#{$icon-font-name}.eot');
  src: url('#{$icon-font-path}#{$icon-font-name}.eot?#iefix') format('embedded-opentype'),
       url('#{$icon-font-path}#{$icon-font-name}.woff') format('woff'),
       url('#{$icon-font-path}#{$icon-font-name}.ttf') format('truetype'),
       url('#{$icon-font-path}#{$icon-font-name}.svg#glyphicons-halflingsregular') format('svg');
}