如何模塊化Yeoman + Bootstrap + Sass發生器？

Question

我正在使用Yeoman自動生成使用Bootstrap & Sass的項目。我遇到的一件事是將項目的默認結構更改爲模塊化。發電機是here上GitHub.com

目前該應用程序的結構，像這樣：

/app 
    /images/ 
    /scripts/ 
     /controllers/ 
      main.js 
     app.js 
    /styles/ 
     main.css 
    /views/ 
     main.html 
index.html 

我寧願把它分離成單個的指令與核心（共享）文件夾，因此，這將是像這樣：

/app/ 
    /directives/ 
     /home/ 
      home.html 
      homeCtrl.js 
      home.sass 
index.html 
app.module.js 
app.route.js 

但我很難搞清楚模塊化項目的最佳方法。我是否應該使用預生成的應用程序創建我想要的文件結構，然後在Gruntfile.js中編輯它？有沒有更簡化的方法來做到這一點，或者我是否手動進行SOL操作？

Answer 1

最好的和優雅的方式是遵循他們的guideline圍繞創建一個自定義模板，你可以用它來生成基於它的應用程序。

但是，如果這是一次性的事情，除非您想創建一些體面的東西並與社區共享，否則其他人可以使用您的模板並使用modularised結構創建他們的應用程序。

即使您不嘗試編寫自己的模板，仍然可以閱讀指南並修改初始模板生成器以在爲您創建應用程序之前更改文件結構。

這裏是圍繞模板定製另一個很好的文章：

https://scotch.io/tutorials/create-a-custom-yeoman-generator-in-4-easy-steps

Answer 2

該項目似乎被拋棄。最近的變化是一年前，有67個問題和18個拉取請求。它可能只是生成Angular 1.x代碼，並且可能不會與當前的Angular 1最佳實踐「最新」。

當然，您可以自己分析項目並進行修改，甚至可以接管項目的維護，但是最好查看類似Angular-cli這樣的產生Angular2代碼的東西，並且正在積極開發。