Angular-cli: предоставьте либо примеры для сторонних библиотек с зависимостями npm, либо поддержку в инструменте cli

Версия узла v4.4.6, версия npm v2.15.5

Существующая вики-страница сторонних библиотек великолепна:

https://github.com/angular/angular-cli/wiki/3rd-party-libs

Однако все 3 текущих примера не имеют зависимостей от npm. Сегодня я пытался использовать angular2-clipboard из npm, но это зависит от буфера обмена, который, в свою очередь, зависит от трех других модулей. Чтобы заставить его работать, AFAICT мне пришлось предоставить сопоставления для всех 5 модулей в SystemJS. Я не уверен, что мне понадобились только первые 2, когда я использовал npmcdn, однако после использования локальной версии требование для 3 зависимостей буфера обмена перестало разрешаться.

Был ли я неправильным подходом к решению этих модулей? Если нет, похоже, что инструмент cli мог бы посмотреть зависимости npm и их файлы package.json, чтобы выяснить, какие файлы в дереве зависимостей необходимо сопоставить? По общему признанию, это дерево было связано с использованием npm v2, а npm v3 было бы более плоским, но AFAICT будет существовать та же проблема с необходимостью сопоставить каждую зависимость в дереве под данной сторонней библиотекой.

Хотелось бы иметь возможность «ng install-lib angular2-module» или что-то в этом роде, чтобы автоматизировать эти шаги, FWIW - похоже, что в файлах package.json достаточно данных для этого, и с надеждой быстрорастущей экосистемой сторонних компонентов angular2 в качестве выпусков angular2, было бы намного лучше иметь поддержку CLI для их установки. :улыбка:

Черт возьми, если в существующих файлах package.json недостаточно данных, определите angular-cli.json (или angular-cli-package.json или что-то еще), к которому такие проекты могут добавить, что _would_ предоставит необходимые данные. :улыбка:

В любом случае, вот конфигурация systemjs, которую я использовал, чтобы заставить работать angular2-clipboard - пожалуйста, дайте мне знать, есть ли более простой / лучший способ, и настоящая проблема здесь - PEBCAK. :подмигивание:

/***********************************************************************************************
 * User Configuration.
 **********************************************************************************************/
/** Map relative paths to URLs. */
const map: any = {
  // 'angular2-clipboard':         'https://npmcdn.com/[email protected]',
  // 'clipboard':                  'https://npmcdn.com/[email protected]/dist/clipboard.js',

    'angular2-clipboard': 'vendor/angular2-clipboard',
    'clipboard':          'vendor/angular2-clipboard/node_modules/clipboard/lib/clipboard.js',
    'tiny-emitter':       'vendor/angular2-clipboard/node_modules/clipboard/node_modules/tiny-emitter/index.js',
    'good-listener':      'vendor/angular2-clipboard/node_modules/clipboard/node_modules/good-listener/dist/good-listener.js',
    'select':             'vendor/angular2-clipboard/node_modules/clipboard/node_modules/select/dist/select.js',
};

/** User packages configuration. */
const packages: any = {
    'angular2-clipboard': { main: 'index.js', defaultExtension: 'js' },
};