我知道关于这个的SO线程(我已将它们链接到下面),但不幸的是我无法解决这个问题,所以请允许我这个问题:-)
我用Yeoman引导了一个AngularJS项目,因此依赖于使用bower.js和SCSS的grunt.js构建.
我想从bootstrap-sass-official使用font-awesome和glyphicons-halflings-regular.
当运行“grunt serve”时一切都很好,但是当我想创建一个用于分发的文件集时,对字体文件的引用不会按照它们应该更新.
main.scss包含
$icon-font-path: "../bower_components/bootstrap-sass-official/vendor/assets/fonts/bootstrap/"; @import 'bootstrap-sass-official/vendor/assets/stylesheets/bootstrap'; $fa-font-path: "../bower_components/font-awesome/fonts/"; @import "font-awesome/scss/font-awesome";
但是dist / styles / 123456.main.css中的结果是像
@font-face{font-family:FontAwesome;src:url(/Users/markus/src/angular_app/.tmp/bower_components/font-awesome/fonts/fontawesome-webfont.eot?v=4.1.0);
所以,对我来说,它看起来像路径更新(到tmp路径),但没有正确的值为“dist”.
我试图摆弄gruntfile中的copy和rev任务,但还没找到合适的触发器,但是:(
我用过的线程和其他来源为此找到了解决方案：
> Fontawesome is not working when project is built with grunt
> Assets missing in Angular application built using grunt
> Font awesome URL not coded in main.css for grunt dist
> http://likesalmon.net/use-font-awesome-on-yeoman-angularjs-projects/
> https://github.com/yeoman/generator-angular/issues/350
有什么提示我怎么能这个？
