Как использовать угловые2-webpack-starter и angular-cli вместе?

Question

Я новичок в Angular2 и webpack-starter. И у вас есть webpack-starter с ng2-boostrap, который хорошо работает. Но когда я пытаюсь начать добавлять компоненты с помощью angular-cli, я вижу: «Вы должны быть внутри проекта ember-cli, чтобы использовать команду generate». что имеет смысл, но для этого новичка было бы очень полезно использовать что-то вроде «ng g compoenent ...» для добавления новых компонентов. Или если для этого понадобилось выполнение gulp для webpack-starter, это помогло бы.

Я googled вокруг и не нашел ничего очевидного и не хотел нарушать проект webpack-starter. Любая помощь будет принята с благодарностью. Я всегда могу собрать все файлы для новых компонентов, но это кажется очень расточительным и подверженным ошибкам при запуске.

Answer 1

Сочетание этих двух будет болью в шее, потому что они могут быть на разных версиях всего. (Angular2, машинописный, зонный и ...).

Я предлагаю вам создать новый проект с угловым кли и перенести все свои вещи с набора стартеров на это, а затем продолжить оттуда.

Если вы не хотите этого делать, вы можете войти в свой стартовый проект и запустить ng init.

Эта команда инициализирует материал cli внутри вашего стартового набора, но изначально он задаст вам пару вопросов об переопределении вашего файла, например app.module.ts, и ... что вы решили это сделать или нет.

И тогда ваш проект станет проектом cli, и у вас есть все лакомства.

Но я по-прежнему предпочитаю первый подход, второй становится крайне беспорядочным.

Answer 2

Я не рекомендую вам смешивать структуру, сгенерированную CLI, с другим статером, потому что стартер не может следовать за направляющими углового стиля (что делает CLI). Это будет настоящий беспорядок.

Действительно, полезно упомянуть, что вы можете использовать angular-cli для создания и запуска вашего приложения, то есть официального способа работы с угловыми приложениями.

Однако на данный момент CLI не позволяет редактировать внутреннюю конфигурацию webpack. Вы сможете настроить эту конфигурацию с помощью дополнительной системы, над которой работает команда. До тех пор вы все равно можете использовать настраиваемую конфигурацию webpack (свою собственную), чтобы сделать то, что CLI еще не может сделать. Просто добавьте webpack deps + файл web.config.js в свой проект.