Angular-CLI (Broccoli sürüm) projesine ng-bootstrap nasıl eklenir?

Question

ng-bootstrap (açısal-UI Takımı tarafından yazılarak) bir Angular-CLI (Angular2 RC4) projesine nasıl eklenir? Daha spesifik

:

benim açısal-cli projeye benim node_modules klasöründen küçültülmüş .css eklemelisiniz nasıl

1. ?
2. Angular-cli-build.js dosyasına eklemek zorunda mıyım?
3. Yazım eklemek zorunda mıyım?
4. Ben

Answer 1

Evet angular-cli-build.js dosyasında yılında vendorNpmFiles dan başvurarak sizin css tüm dosyaları eklemek zorunda Öncelikle proje dizinine ve türüne gidin /src/system-config.ts eklemek zorunda mıyım

npm install --save @ng-bootstrap/ng-bootstrap 

sonra şimdi src/sistem-conf açmak için açısal-cli-build.js açıp bu hat

vendorNpmFiles: [ 
    'systemjs/dist/system-polyfills.js', 
    'systemjs/dist/system.src.js', 
    'zone.js/dist/**/*.+(js|js.map)', 
    'es6-shim/es6-shim.js', 
    'reflect-metadata/**/*.+(ts|js|js.map)', 
    'rxjs/**/*.+(js|js.map)', 
    '@angular/**/*.+(js|js.map)', 
    'angularfire2/**/*.js', 
    'firebase/*.js', 
    '@ng-bootstrap/ng-bootstrap/**/*.+(js|js.map)' 
] 

eklemek ig.ts, yazma

const map: any = { 
    '@ng-bootstrap/ng-bootstrap': 'vendor/@ng-bootstrap/ng-bootstrap' 
}; 

ve

const packages: any = { 
    '@ng-bootstrap/ng-bootstrap': { 
    defaultExtension: 'js', 
    main: 'index.js' 
    }, 
    '@ng-bootstrap/ng-bootstrap/accordion': { 
    defaultExtension: 'js', 
    main: 'index.js' 
    }, 
    '@ng-bootstrap/ng-bootstrap/alert': { 
    defaultExtension: 'js', 
    main: 'index.js' 
    }, 
    '@ng-bootstrap/ng-bootstrap/buttons': { 
    defaultExtension: 'js', 
    main: 'index.js' 
    }, 
    '@ng-bootstrap/ng-bootstrap/carousel': { 
    defaultExtension: 'js', 
    main: 'index.js' 
    }, 
    '@ng-bootstrap/ng-bootstrap/collapse': { 
    defaultExtension: 'js', 
    main: 'index.js' 
    }, 
    '@ng-bootstrap/ng-bootstrap/dropdown': { 
    defaultExtension: 'js', 
    main: 'index.js' 
    }, 
    '@ng-bootstrap/ng-bootstrap/pagination': { 
    defaultExtension: 'js', 
    main: 'index.js' 
    }, 
    '@ng-bootstrap/ng-bootstrap/popover': { 
    defaultExtension: 'js', 
    main: 'index.js' 
    }, 
    '@ng-bootstrap/ng-bootstrap/progressbar': { 
    defaultExtension: 'js', 
    main: 'index.js' 
    }, 
    '@ng-bootstrap/ng-bootstrap/rating': { 
    defaultExtension: 'js', 
    main: 'index.js' 
    }, 
    '@ng-bootstrap/ng-bootstrap/tabset': { 
    defaultExtension: 'js', 
    main: 'index.js' 
    }, 
    '@ng-bootstrap/ng-bootstrap/timepicker': { 
    defaultExtension: 'js', 
    main: 'index.js' 
    }, 
    '@ng-bootstrap/ng-bootstrap/tooltip': { 
    defaultExtension: 'js', 
    main: 'index.js' 
    }, 
    '@ng-bootstrap/ng-bootstrap/typeahead': { 
    defaultExtension: 'js', 
    main: 'index.js' 
    } 
}; 

Answer 2

Evet çok üzerinde @pd farhad tarafından cevap ama bazı eklemek zorunda eğer birine bir açıklama, aslında

vermek istiyorum açısal CLI'daki üçüncü taraf kitaplıkları, daha sonra bu üçüncü taraf kitaplığı başvurusunu angular-cli-build.js dosyasına eklemeniz gerekir, çünkü açısal klip tüm dosyaları satıcı klasöründen aldı node_modules klasöründe, bu nedenle kütüphane için giriş eklediğinizde (yapılamamıza ng-bootstrap yazın) cli-build dosyasında. Bu kütüphanenin bir kopyasını açısal kısayolun satıcı klasöründe yapacak. bizim projemiz için kullanılabilir. böylece

How should I add the minified .css from my node_modules folder to my angular-cli project?

Eğer satıcı klasöründe almak için system-cli-build.js dosyada o dosya/kütüphanenin referans vermek zorunda.

Do I have to add it to angular-cli-build.js

evet onun o kütüphane ise zorunlu değil çok kamu klasöre bu dosyayı bırakabilirsiniz göre sadece tek bir dosya halinde. size bağlı.

Do I have to add the typings?

zorunlu o kadar değil.

Bu daha fazlasını temizler umuyoruz!