I am currently working on a project using Yeoman for Bootstrap and Sass auto-generation. My main challenge lies in restructuring the default project layout to enhance modularity. You can find the generator here on GitHub.
The current structure of the application looks like this:
/app
/images/
/scripts/
/controllers/
main.js
app.js
/styles/
main.css
/views/
main.html
index.html
My vision is to organize it into separate directives within a core (shared) folder, so that it would appear as follows:
/app/
/directives/
/home/
home.html
homeCtrl.js
home.sass
index.html
app.module.js
app.route.js
However, I'm struggling to determine the most effective way to modularize the project. Should I create the desired file structure with the existing application and then modify it in the Gruntfile.js? Is there a more efficient approach, or am I doomed to manual adjustments?