Generate inside module folder

Question

I'm working with an Angular 2 application based on Angular-CLI skeleton, I had the habit of structuring my src folder with one directory by module, and each component related to this module in the same folder.

src     app         documents             document-list.component.ts             document-list.component.html             documents.component.ts             documents.component.html             document.module.ts         app.component.ts         app.module.ts     main.ts  

Now that I'm using Angular-CLI, I would like to take profit of each feature, but when I'm generating a new component, no matter what, it keep creating a new folder for my component when I just want to put it inside the related folder.

src     app         documents             document-list                 document-list.component.ts                 document-list.component.html             documents.component.ts             documents.component.html             document.module.ts         app.component.ts         app.module.ts     main.ts  

Is it possible to keep my previous structure, is it a bad practice? The guideline recommends to avoid useless directory depth so I'm kind of disturbed.

Answer 1

Assuming you are in your application's root directory and want to create components inside src/app/documents as you show above, you can use the --flat option to have your component created without creating a directory. To create the component as you request above, use this command:

ng generate component document-list --flat 

Answer 2

Using angular-cli you can run ng g component documents/document-list and it will create the structure you need, (assuming app is the root of your application).

Hope this helps.