MEAN avec la structure du dossier angulaire 4 pile

Question

Je veux créer une structure de dossiers pour une MEAN pile avec angulaire 4.

J'ai travaillé sur MEAN pile avec angulaire 1. * la version et Im bon avec cette structure de dossier. mais avec Angular 4 - Structure du dossier Cli Angulaire Mon modèle ne fonctionne pas.

Je prévois pour le panneau d'administration d'entreprise, les modules doivent donc être réutilisables et couplés de façon lâche.

J'ai essayé d'une façon: Garder le client, le serveur et le dossier de test dans les composants angulaires. mais quel modèle de composant angulaire -cli perturbant.

Answer 1

Utilisez Angular CLI fourni avec Angular 4. Il génère lui-même une structure de dossiers qui vous aide à gérer votre projet de manière modulaire avec des composants faiblement couplés.

Vérifier https://cli.angular.io/

utiliser la structure de dossier angulaire de l'extrémité avant et un répertoire séparé sur le dessus du projet angulaire de back-end. Pour Node back end vérifier les générateurs yeoman populaires qui conviendraient à votre application.

http://yeoman.io/generators/

• Votre application
  • Noeud-api
  • angulaire app

Je propose une structure de dossiers comme celui-ci. Mais il peut y en avoir de meilleurs. Certaines recherches aideraient à trouver un tel.

Il est préférable de pouvoir gérer deux référentiels distincts pour Node-api et Angular-app, car cela vous aiderait à mieux les gérer et à les gérer.

Answer 2

Vous devez utiliser angular-cli pour créer un projet angualr 4. Vous pouvez créer deux dossiers client, serveur client- Vous pouvez créer un projet dans ce répertoire avec-cli angulaire serveur - code côté serveur Utiliser nœud

Answer 3

Je pense que vous devriez regarder dans cette réponse: Hooking up express.js with Angular CLI in dev environment

Fondamentalement vous devrez séparer le code côté serveur et côté client, sinon vous finirez par avoir des défis à chaque étape.

Vous pouvez jeter un oeil à mon code: https://github.com/kubaszumiato/DotNetVideos, où le dossier application signifie serveur, src pour le client. Je n'utilise pas Angulaire CLI cependant.