angularjs - 如何设置 Gruntfile/Yeoman 以构建以功能为中心的目录结构

Question

使用 Yeoman 的 angularJS 生成器 (yo angular) 创建新项目时，应用程序初始化为以下目录结构:

• app
  • scripts
    • controllers
      • aFeatureController
      • bFeatureController
    • directives
      • aFeatureDirective
      • bFeatureDirective
  • views
    • aFeatureView
    • bFeatureView

虽然这种传统的 MVC 结构运行良好，但我发现它比以功能为中心的结构更难导航，其中与应用程序的同一部分相关的所有文件都位于同一屋檐下。换句话说，我想改为使用以下结构:

• app
  • aFeature
    • aFeatureController
    • aFeatureDirective
    • aFeatureView
  • bFeature
    • bFeatureController
    • bFeatureDirective
    • bFeatureView

是否可以配置 gruntfile 和 Yeoman，以便 grunt 保持任务处理和 Yeoman 脚手架生成器仍然正常运行？

Answer 1

您指出的结构是由默认的 angular yeoman 生成器生成的。

对于您想要的基于特征的结构(我个人也喜欢)，可以由其他自耕农生成器生成，例如 generator-cg-angular .

有很多生成器可以做同样的事情。您可以通过在 yeoman 上搜索 angular 来找到最适合您的那个。这些默认情况下生成此结构，而无需更改您的 grunt 或编写新的生成器。