Подключение внешнего javascript в angular 2?

Question

[Serp3nt]

Столкнулся с тем, что необходимо подключить внешний javascript в приложение на angular 2. Собственно вопрос, как это реализуется?

Answer 1

[Артем Кустиков]

Не понятен вопрос. Если это пакет в node_modules/bower_components и не ES6 - тогда что-то типа:

import * as Raphael from 'raphael'; // для класса
import 'annyang'; // для глобального объекта

Если TypeScript не компилится, то завести файл custom-typings.d.ts, где описать типы:

declares interface Raphael {
  constructor(options: any);
  ...
}

declare namespace annyang {
  function start(): void;
  function pause(): void;
  function abort(): void;
  function isListening(): boolean;
  function addCommands(commands: Object): void;
  function addCallback(type: string, callback: (arg: any) => void )
}

Comments

[viktorulyushev]

Почему для класса именно так объявляется?
Я добавил через npm Tablesorter.И во вьюшке пытался его проинициализировать как import { Tablesort } from 'tablesort'; .Но он ругался на конструктор.

Answer 2

[Роман]

Если правильно понял ваш вопрос и речь идет об использовании внешних скриптов, расположенных, например, в CDN - то я подключал через $script.js - JS loader & dependency manager

Вот пример с подключением Facebook SDK (на 2016 г. правда, может уже что-то получше придумали)