Gruntjs 使用Yeoman工作流在何处添加css文件

我有一个角度设置使用约曼。在我的

main.html

（加载到index.html的视图）下，我在我的styles文件夹中添加了一个引用的css文件

我用构建注释将其包围起来，以便grunt能够在最小化以下内容的同时获取它：

<!-- build:css({.tmp,app}) styles/calendar.css -->
<link rel="stylesheet" href="styles/fullcalendar.css" />
<!-- endbuild -->   

但是，当我使用grunt（使用基本的yeoman grunt配置）构建时，它似乎没有创建calendar.css文件。我怀疑这可能是因为main.html文件位于views/main.html中

从我的grunt文件：

usemin: {
  html: ['<%= yeoman.dist %>/{,*/}*.html'],
  css: ['<%= yeoman.dist %>/styles/{,*/}*.css'],
  options: {
    dirs: ['<%= yeoman.dist %>']
  }
},

usemin:{
html:['/{，*/}*.html']，
css:['/styles/{，*/}*.css']，
选项：{
目录：['']
}
},

cssmin:{
//默认情况下，您的'index.html'将处理
//缩小。如果您不希望使用，此选项是预先配置的
//使用最小块。
//地区：{
//档案：{
//“/styles/main.css”：[
//“.tmp/styles/{，*/}*.css”，
//“/styles/{，*/}*.css”
//     ]
//   }
// }
},

它不在视图目录中查找。我怀疑我使用的工作流不正确

如何包含特定于视图的css文件？ 另外，cssmin块中的注释是什么意思？ 谢谢

我找到答案了

grunfile.js

中需要更多的配置，因为您使用的是自定义工作流。（如果您已经完成了这些操作，请忽略）

首先，需要更新复制任务以将

app/views

目录复制到

dist/views

。这是一个非常简单的解决方案：

copy: {
    dist: {
        files: [{
            expand: true,
            dot: true,
            cwd: '<%= yeoman.app %>',
            dest: '<%= yeoman.dist %>',
            src: [
                '*.{ico,png,txt}',
                '.htaccess',
                'images/{,*/}*.{webp,gif}',
                'styles/fonts/*',
                'views/*'
            ]
        }]
    },
    // ...
}

呜呜！就这样

如果你被困在任何地方，请告诉我

copy: {
    dist: {
        files: [{
            expand: true,
            dot: true,
            cwd: '<%= yeoman.app %>',
            dest: '<%= yeoman.dist %>',
            src: [
                '*.{ico,png,txt}',
                '.htaccess',
                'images/{,*/}*.{webp,gif}',
                'styles/fonts/*',
                'views/*'
            ]
        }]
    },
    // ...
}

useminPrepare: {
    options: {
        dest: '<%= yeoman.dist %>'
    },
    html: [
        '<%= yeoman.app %>/index.html',
        '<%= yeoman.app %>/views/*.html'
    ]
},