Как добавить ng-bootstrap в проект Angular-CLI (версия Broccoli)?

Как добавитьng-bootstrap (написано командой angular-ui) для проекта Angular-CLI (Angular2 RC4)?

Более конкретно:

Как мне добавить минимизированный.css от моегоnode_modules папка для моего проекта angular-cli?Должен ли я добавить его вangular-cli-build.js?Должен ли я добавить набор текста?Должен ли я добавить его в/src/system-config.ts

Ответы на вопрос(2)

хорошо ответил @pd farhad выше, но я хочу дать некоторое объяснение этому,

На самом деле, если вам нужно добавить сторонние библиотеки вугловой CLI то вам нужно добавить ссылку на стороннюю библиотеку вугловые-CLI-build.js файл, потому что Angle Cli взял все файлы из папки поставщика вместоnode_modules папка, поэтому всякий раз, когда вы добавляете запись для вашей библиотеки (скажем, ng-bootstrap в вашем случае) в файле cli-build. он сделает копию этой библиотеки в папке vendor angular cli. который доступен для нашего проекта. так

Как мне добавить уменьшенный файл .css из папки node_modules в мой проект angular-cli?

Вы должны дать ссылку на этот файл / библиотеку вsystem-cli-build.js файл, чтобы попасть в папку продавца.

Должен ли я добавить его в angular-cli-build.js

да, это обязательно, если это библиотека, но не в случае только одного файла, тогда вы также можете поместить этот файл в общую папку. это зависит от вас.

Должен ли я добавить набор текста?

Не так уж много обязательных.

надеюсь, что это очищает больше!

 Pardeep Jain17 июл. 2016 г., 21:29
Большое спасибо, ваша благодарность очень много значит для меня :) Извините, у меня нет четкого представления об этом, когда я узнаю, я опубликую или отредактирую свой существующий ответ
 choopage - Jek Bao17 июл. 2016 г., 12:48
Очень хорошо объяснил. Ценит это объяснение так сильно. Могу ли я знать, почему это не так уж и обязательно добавить к наборам? Добавление AngularFire2 требует добавления к наборам. Так какой решающий фактор добавить к наборам или нет?
Решение Вопроса

вы должны добавить все свои файлы CSS, ссылаясь на vendorNpmFiles вangular-cli-build.js файл Сначала перейдите в каталог проекта и введите

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

затем откройте ваш angular-cli-build.js и добавьте эту строку

 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)'
]

Теперь откройте ваш src / system-config.ts, напишите

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

а также

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'
  }
};
 choopage - Jek Bao17 июл. 2016 г., 13:40
Отредактировал ответ, потому что он запрашивает ng-bootstrap, написанный командой angular ui. Это не вопрос о ng2-bootstrap от Valore Software. Смотрите здесь для различий.reddit.com/r/Angular2/comments/4s3kkx/...
 Bass Jobsen01 авг. 2016 г., 00:28
@ pd-farhad, когда я установилprecompile: [ NGB_PRECOMPILE ] я получил следующую ошибку: bootstrap-angular / tmp / broccoli_type_script_compiler-input_base_path-djYaKive.tmp / 0 / src / app / app.component.ts (8, 3): аргумент типа '{moduleId: string; селектор: строка; директивы: (typeof NgbAlert | typeof NgbDismissibleAlert) [... 'нельзя назначить параметру типа' {selector ?: string; входы ?: строка []; вывод?? string []; свойства ?: string []; события ?: strin ... '. Объектный литерал может указывать только известные свойства, а «precompile» не существует в типе «{selector ?: string; входы ?: строка []; ВЫХОДНОЙ

Ваш ответ на вопрос