Angular2 как добавить сторонний плагин с помощью AngularCLI (webpack)

Question

Я разрабатываю приложение Angular2 с помощью AngularCLI (версия для веб-страниц). У меня есть сторонний плагин (ScrollMagic), который сам имеет свой собственный набор дополнительных плагинов. Я установил кодовую базу ScrollMagic и он находится в узле_модуля. Я могу загрузить ScrollMagic на мою страницу, используя следующий синтаксис:

let ScrollMagic = require("ScrollMagic"); 

Это, кажется, достигает в node_modules и нагрузки ScrollMagic, и я могу получить третий плагин партии работать.

ScrollMagic имеет собственный плагин (ScrollMagic/plugins/debug.addIndicators.min.js), используемый для отладки. Мне трудно загружать этот плагин. Я пробовал следующее:

require("ScrollMagic/plugins/debug.addIndicators.min.js"); 

и плагин не найден.

Я использую AngularCLI, поэтому я попытался добавить debug.addIndicators.min.js в раздел "scripts" файла angular-cli.json. Это загружает debug.addIndicators.min.js в глобальное пространство, но сам ScrollMagic, похоже, не распознает его (на данный момент я все же использую let ScrollMagic = require («ScrollMagic»), для загрузки самого ScrollMagic).

Затем я попробовал загрузить ScrollMagic в разделе «scripts» файла angular-cli.json. Это загружает SCrollMagic в глобальное пространство, но затем мне нужно удалить «let ScrollMagic = require (« ScrollMagic ») из кодовой базы, иначе ScrollMagic загружается дважды. Я установил let ScrollMagic: любой, чтобы TypeScript не жаловался, но затем ScrollMagic никогда не будет создан правильно.

Что мне здесь не хватает? Я могу заставить ScrollMagic работать без инструмента отладки, чего я хочу для производства, но я не могу отлаживать его для целей разработки.

Заранее за вашу помощь.

Answer 1

Хорошо, я понял. Это то, что я сделал.

в угловом-cli.json я добавил это в сценарий:

 "scripts": [ 
    "../node_modules/gsap/src/minified/TweenMax.min.js", 
    "../node_modules/scrollmagic/scrollmagic/minified/ScrollMagic.min.js", 
    "../node_modules/scrollmagic/scrollmagic/minified/plugins/animation.gsap.min.js", 
    "../node_modules/scrollmagic/scrollmagic/minified/plugins/debug.addIndicators.min.js" 
    ], 

теперь, когда я пишу свои компоненты, я просто использовать scrollmagic как нормальные и у меня есть индикаторы и прокрутка события.