#angular #webpack #systemjs
#angular #webpack #systemjs
Вопрос:
Итак, для начала я хотел бы сказать, что я разрабатываю Angular 1 в течение 2/3 лет, и у меня есть приложение, которое в настоящее время использует typescript с пространствами имен / внутренними модулями и компонентами 1.5.
Как и большинство людей, сейчас я пытаюсь интегрировать Angular 2, и в то время как документы на Angular.io веб-сайт очень информативен, я все еще изо всех сил пытаюсь разобраться с некоторыми вещами. Я никогда раньше не использовал загрузчики / пакеты модулей, и это, похоже, немного похоже на кривую обучения. В учебном пособии по обновлению используется SystemJS, но я слышал, что Webpack на самом деле является предпочтительным пакетом, но учебное пособие Webpack подходит только для чистого приложения Angular 2, а не для гибрида.
Чтобы перейти к сути, я думаю, я спрашиваю, какой лучший загрузчик / комплект модулей для гибридного приложения? Также с использованием пространств имен typescript вместо внешних модулей возможно ли вообще создать гибридное приложение? Я знаю, что webpack работает через зависимости с использованием операторов импорта, поэтому я думаю, что это исключит это, но должен ли я сначала перейти от пространств имен, а затем подумать об интеграции Angular 2?
Также часть руководства по обновлению Angular.io что, по-видимому, касается подключения адаптера обновления, очень неясно. Есть фрагменты кода, но нет упоминания о том, в каком файле они должны быть, а также некоторые фрагменты, похоже, даже не работают. Например, когда адаптер обновления перемещается в отдельный файл, кажется, что он волшебным образом получает AppModule, но не импортирует его.
Если бы кто-нибудь мог пролить свет только на один из моих запросов, это было бы очень ценно, так как на данный момент мне просто хочется забыть Angular 2 и придерживаться Angular 1.
Комментарии:
1. У меня есть гибридное приложение angular1 и angular2, работающее с systemjs. Однако я не смотрел на webpack. Но мой трюк заключался в том, чтобы нормально загружать файл, связанный с angular1, как мы это делаем, но переопределять загрузку angular2 и вручную загружать angular в процессе начальной загрузки angular2. Таким образом, я использую компонент angula2 в классах angular one и angular 2 в angular1
2. @AtulChaudhary, я сделал то же самое с Webpack, сохранив angular js в обычном режиме на веб-пакете, созданном Angular2. Я также ищу решение для создания всего этого в виде пакета.
3. @Chris N Я получил его, работая с webpack как angular 1, так и angular2 в одном пакете.
4. @AtulChaudhary Не думаю, что у вас где-нибудь есть пример, не так ли?
5. Я скоро выложу его на github и обновлю вас. Это будет всего лишь начальный проект для запуска гибридной платформы.
Ответ №1:
Вот так, приятель. Это ссылка для репозитория github, которая поможет вам начать работу с гибридным приложением angular1 и angular2. Я использую .net core в качестве настройки своего проекта, но вы можете использовать все, что вам нравится. Убедитесь, что вы удалили @progress/kendo-ui this из package json и все, что в нем есть kendo. Запустите npm install или команду npm run dist, чтобы создать папку dist.
Ссылка для репозитория — это гибридный репозиторий Angular webpack на Github
Убедитесь, что вы принимаете это как ответ, когда закончите. Это поможет и другим
Комментарии:
1. Я забыл упомянуть репозиторий, который я скопировал, и ему следует отдать должное. github.com/preboot/angular2-webpack