Comment utiliser angular2-webpack-starter et angular-cli ensemble?

Question

Je suis nouveau à Angular2 et webpack-starter. Et avoir le webpack-starter avec ng2-boostrap fonctionne bien. Mais alors que je tente de commencer à ajouter des composants avec angular-cli, je vois 'Vous devez être dans un projet clembré pour utiliser la commande generate'. ce qui est logique, mais il serait très utile pour ce débutant d'utiliser quelque chose comme 'ng g compoenent ...' pour ajouter de nouveaux composants. Ou s'il y avait une tâche de gulp pour faire cela pour webpack-starter qui aiderait.

Je googlé autour et n'a pas trouvé quelque chose d'évident et ne voulait pas rompre le projet webpack-démarreur. Toute aide serait grandement appréciée. Je peux toujours construire à la main tous les fichiers pour de nouveaux composants, mais cela semble très gaspillage et une erreur sujette au démarrage.

Answer 1

En combinant ces deux serait une douleur dans le cou parce qu'ils pourraient être sur la version différente de tout. (Angulaire2, tapuscrit, zone et ....).

Je vous suggère de créer un nouveau projet angulaire-cli et de déplacer tous vos trucs du kit de démarrage à cela et ensuite continuer à partir de là.

Si vous ne voulez pas faire cela, vous pouvez entrer dans votre projet de démarrage et exécuter ng init.

Cette commande initialise le contenu du cli à l'intérieur de votre kit de démarrage, mais au départ, il vous posera quelques questions sur le remplacement de votre fichier comme app.module.ts et ... que vous avez décidé de faire ou non.

Et puis votre projet devient un projet cli et vous avez tous les goodies.

Mais je préfère toujours la première approche, la seconde devient extrêmement salissante.

Answer 2

Je ne vous recommande pas de mélanger la structure générée par CLI avec un autre stater car le démarreur risque de ne pas suivre les guides de style angulaire (ce que fait la CLI). Ce sera un vrai gâchis.

En effet, il est bon de mentionner que vous pouvez utiliser l'angulaire-cli pour créer et exécuter votre application, c'est la façon officielle de traiter les applications angulaires.

Cependant, pour le moment, la CLI ne vous permet pas de modifier la configuration webpack interne. Vous serez en mesure de personnaliser cette configuration en utilisant un système addons sur lequel l'équipe travaille. Jusque-là, vous pouvez toujours utiliser une config webpack personnalisée (l'un des vôtres) afin de faire ce que la CLI ne peut pas encore faire. Ajoutez simplement des webpack deps + un fichier web.config.js dans votre projet.