comment $ icon-font-path fonctionne dans bootstrap scss?

J'ai récemment commencé à utiliser bootstrap SCSS sur mon nœud de projet. J'ai donc app/bower_components/bootstrap-sass/lib/_glyphicons.scss par exemple.

En regardant mon CSS sortie je vois des choses comme:

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/some\/path\/project\/app\/bower_components\/bootstrap-sass\/lib\/_normalize\.scss}line{font-family:
@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;
}
00332}} audio, canvas, video { display: inline-block; }

J'ai 2 questions:

  1. Cela semble être un trou de sécurité. Tout le monde peut en déduire quelque chose à propos de mes OS et la structure de répertoire tout simplement en regardant ma feuille de style CSS. Quelle est la bonne façon de fermer ce trou de sécurité?
  2. Comment ça fonctionne? Je me suis presque tout prévu, mais il me manque quelque chose. En regardant le SCSS, je vois le bootstrap est à l'aide de $icon-font-path qui, apparemment, se transforme en ce chemin d'accès absolu. En regardant boussole de la documentationje vois qu'ils fournissent des valeurs absolues, mais pas de $icon-font-path

C'est le morceau de code que j'ai fais référence:

@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');
}

source d'informationauteur guy mograbi