Angular 4 kütüphane ekleme 08.12.2017

Selam arkadaşlar angular 4 porjemize bir kütüphane ekleyelim ve bunu angular-cli.json dosyasından yaparak , webpack ile bundle edilmesini sağlayalım;

Örneğin twitter bootstrap kütüphanesini projemize eklemek istiyoruz, şu adımları takip ederek uygulamamıza dahil edelim,

1.) komut satırına "npm install bootstrap@3" ile node_modules klasörüne indiriyoruz,

2.) angular-cli.json dosyamızı açıyoruz, css kütüphanelerini "styles" kısmına , javascript kütüphanelerini "scripts" kısmına yazıp konfigürasyonumuzu yapıyoruz, son olarak komut satırına "ng serve" diyoruz, gerisini angular webpack ile hallediyor, sevgiler :)

 "apps": [

  {
"root": "src", // app root klasörü yolu
"outDir": "dist",
"assets": [
"assets",
"favicon.ico"
],
"index": "index.html",
"main": "main.ts",
"polyfills": "polyfills.ts",
"test": "test.ts",
"tsconfig": "tsconfig.app.json",
"testTsconfig": "tsconfig.spec.json",
"prefix": "app",
"styles": [
"styles.css",
"../node_modules/bootstrap/dist/css/bootstrap.css" // eklediğimiz kütüphanenin root'a göre yolu
],
"scripts": [],
"environmentSource": "environments/environment.ts",
"environments": {
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}
}
]