使用Angular CLI的Web应用程序不显示引导程序sass图形

Question

我有一个使用Angular CLI创建的应用程序，我使用bootstrap-sass来自定义主题。我使用以下版本...

node: 6.9.5 
os: win32 x64 
@angular/common: 2.4.8 
@angular/cli: 1.0.0-rc.0 
@angular/compiler-cli: 2.4.8 
bootstrap-sass: 3.3.7 

在我.angular-cli.json我有

"scripts": [ 
    "../node_modules/jquery/dist/jquery.min.js", 
    "../node_modules/bootstrap-sass/assets/javascripts/bootstrap.min.js" 
    ] 

在我html文件我有

<span class="glyphicon glyphicon-user"></span> 

在我scss文件我有

$bootstrap-sass-asset-helper: true; 
$icon-font-path: if($bootstrap-sass-asset-helper, "../bootstrap/", "../fonts/bootstrap/"); 
@import "../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss"; 

运行ng serve或ng build时没有错误，并且应用程序在浏览器控制台中正常运行且没有错误。但是，图标仍然不显示。我最初有这个应用程序运行与glyphicons正常显示，然后我将核心应用程序代码迁移到一个新的angular-cli应用程序。有什么我失踪？

Answer 1

这似乎是内的方式webpack是configured的问题。目前，您可以通过指向引导CDN字体与在scss文件

$bootstrap-sass-asset-helper: false; 
$icon-font-path: "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/";