Mám aplikáciu, ktorú som vytvoril s funkciou Angular CLI a používam ju bootstrap-sass
prispôsobiť tému. Používam nasledujúce verzie ...
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
V mojom .angular-cli.json
mám
"scripts": [
"../node_modules/jquery/dist/jquery.min.js",
"../node_modules/bootstrap-sass/assets/javascripts/bootstrap.min.js"
]
V mojom html
súbor, ktorý mám
<span class="glyphicon glyphicon-user"></span>
V mojom scss
súbor, ktorý mám
$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";
Pri spustení sa nenachádzajú žiadne chyby ng serve
alebo ng build
a aplikácia beží správne bez chybyv konzole prehliadača. Ikony sa však stále nezobrazujú. Pôvodne som túto aplikáciu spustil s správnym zobrazením glyfikónov a potom som migroval kód jadrovej aplikácie do nového angular-cli
aplikácie. Je niečo, čo mi chýba?
odpovede:
0 pre odpoveď č. 1Zdá sa, že to je problém s týmto spôsobom webpack
je nakonfigurovaný vnútri angular-cli
, V súčasnosti môžete toto riešenie nasmerovať na písma CDN s bootstrapom s nasledujúcimi znakmi v priečinku scss
súbor
$bootstrap-sass-asset-helper: false;
$icon-font-path: "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/";