所以,
我使用bower将bootstrap SASS文件安装到我的应用程序中。 我正在使用AngularJS并希望使用我自己的目录结构,而不是MVC定义的默认内容路径。 所以我已经安装了https://github.com/twbs/bootstrap-sass并且在我的核心SASS文件中,我已经导入了这样的引导程序SASS:
@import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap";
我的应用程序中的所有内容都加载,并且该站点肯定使用引导程序,但每当我尝试使用glyphicon时,我只得到一个正方形而不是图标。在控制台中查看我可以看到glyphicons的路径是错误的。它显示:
http://localhost:58859/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf
但它应该是
http://localhost:58859/assets/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf
现在我"可以"编辑变量文件并更改以下行:
// [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.
// [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default;
这样的事情:
// [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.
// [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
$icon-font-path: "/assets/bootstrap-sass/assets/fonts";
但是每当有人从github加载我的项目并且bower解析bootstrap时,我对该文件的更改将会丢失。我在他们的文档中注意到他们谈到链轮和碎片,但我从来没有使用过这些,所以我不知道它们的用途。
我的问题是,我可以直接更改字体路径而不直接编辑SASS文件吗?