使用yo角度生成器在视图下具有子目录

Question

所以我已经开始为一个新项目做你的角度，这很棒，唯一的问题是我喜欢构建我的观点并有部分等，例如对我来说一个伟大的结构是这样的：

app/views/_partials/modals
app/views/_partials/menus
app/views/_partials/buttons
app/views/index.html
app/views/about.html

但是，在构建到 dist 文件夹时，角度生成器似乎不会在子目录中查找，并且我收到各种缺失的包含和错误。

我可以更改 Grunt 以查看这些子目录并相应地处理视图，以便它们在构建后出现在我的应用程序中吗？

我找到了一个有趣的块，我认为它可能在我的 Grunt 文件中负责：

ngtemplates: {
  dist: {
    options: {
      module: 'myApp',
      htmlmin: '<%= htmlmin.dist.options %>',
      usemin: 'scripts/scripts.js'
    },
    cwd: '<%= yeoman.app %>',
    src: 'views/{,*/}*.html',
    dest: '.tmp/templateCache.js'
  }
},

还是usemin块中的东西？我很困惑(对 Angular 来说相对较新(：

usemin: {
  html: ['<%= yeoman.dist %>/{,*/}*.html'],
  css: ['<%= yeoman.dist %>/styles/{,*/}*.css'],
  js: ['<%= yeoman.dist %>/scripts/{,*/}*.js'],
  options: {
    assetsDirs: [
      '<%= yeoman.dist %>',
      '<%= yeoman.dist %>/images',
      '<%= yeoman.dist %>/styles'
    ],
    patterns: {
      js: [[/(images/[^''""]*.(png|jpg|jpeg|gif|webp|svg))/g, 'Replacing references to images']]
    }
  }
},

Answer 1

好的，所以我想通了这个，问题出在ngtemplates块中，我的代码现在看起来像这样：

ngtemplates: {
  dist: {
    options: {
      module: 'myApp',
      htmlmin: '<%= htmlmin.dist.options %>',
      usemin: 'scripts/scripts.js'
    },
    cwd: '<%= yeoman.app %>',
    src: 'views/**/**/*.html',
    dest: '.tmp/templateCache.js'
  }
},

请注意，src 属性已从以下位置更改：

src: 'views/{,*/}*.html',

自：

src: 'views/**/**/*.html',

这似乎捕获了_partials目录中的所有模板