Я пытаюсь понять, как правильно импортировать внешнюю библиотеку в мои проекты 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?