Angular 1.0 Как импортировать модуль TypeScript

#angularjs #typescript #import

#angularjs #typescript #импорт

Вопрос:

У меня есть приложение Angular, написанное на JavaScript, а затем я нашел внешний модуль (для интеграции jquery.dynatree) здесь:

https://github.com/hawtio/hawtio/blob/master/hawtio-web/src/main/webapp/app/tree/js/treePlugin.ts

Теперь я хочу включить этот модуль в свой проект, но у Angular возникают проблемы с чтением / компиляцией этого скрипта.

Что я могу сделать, чтобы решить эту проблему?

PS: Я уже установил npm-компилятор (не уверен, что мне это нужно) с помощью этой команды: npm install typescript

Ответ №1:

Поскольку ваш проект является проектом JavaScript, а не TypeScript, вы хотите включать в свой проект только файлы .js.

Сначала попробуйте найти версию этого файла на JavaScript. Если вы его не нашли, скомпилируйте этот файл TypeScript в JavaScript, а затем включите в свой проект только файл .js.

Комментарии:

1. Хорошо, но знаете ли вы, как скомпилировать один файл? И что мне нужно для этого?

Ответ №2:

Вы можете использовать модуль gulp gulp-typescript для компиляции вашего модуля typescript в javascript, а затем импортировать его как обычный javascript.

Комментарии:

1. Большое спасибо. Теперь я выполнил модуль, и он выглядит нормально 🙂