Как глобально импортировать библиотеку Javascript в проект Angular2 Typescript?

Я пытаюсь понять, как правильно импортировать внешнюю библиотеку в мои проекты Angular2. Как вы можете видеть, читая другие ответы по этому вопросу, есть небольшая путаница, и даже в документации Angular2 нет информации об этом. Кроме того, любой поиск в Google приводит к старым результатам, связанным с альфа- или бета-версией Angular2.

Я пытаюсь импортировать библиотеки Foundation и jQuery. Мне нужно первое, чтобы использовать некоторый код Foundation, а второе, чтобы заставить работать код Foundation JS (он использует jQuery) и даже использовать его в моих компонентах Typescript.

Насколько я знаю, поскольку я должен использовать jQuery даже в своем коде Typescript, мне нужно установить «версию для ввода» jQuery.

Итак, у меня есть два типа импорта внешних библиотек в проекты Angular2:

Первый способ:

Я могу сделать это после этого ответа. Таким образом, я могу использовать код jQuery в своих компонентах Typescript, и он работает, поскольку я импортирую библиотеку узлов с загрузчиком модуля SystemJS и поскольку я устанавливаю typings для jQuery (typings install dt~jquery --save --global).

Второй способ:

Я добавляю <script src="node_modules/foundation-sites/dist/foundation.js"></script> в файл index.html. У меня нет необходимости привлекать SystemJS и typings установку.

Но в этом случае мне нужен jQuery для запуска Foundation. Нужно ли мне снова импортировать jQuery, используя первый способ? Я имею в виду добавление <script src="node_modules/jquery/dist/jquery.js"></script> в индексный файл. В любом случае, у меня возникают некоторые проблемы с загрузкой фреймворка Foundation, как вы можете видеть здесь

Итак, что не так с моим импортом?

  • Вообще говоря, как импортировать внешние библиотеки в проекты Angular 2.0.0?

  • В моем случае, как правильно импортировать Foundation, чтобы использовать его строительные блоки, и как правильно импортировать jQuery, чтобы заставить Foundation работать и дать мне возможность писать код jQuery в компонентах Typescript?


person smartmouse    schedule 16.09.2016    source источник