我有一个使用Yeoman的Angular设置。在我的main.html
下(一个加载到index.html上的视图),我已经添加了一个引用样式文件的链接,该文件存储在我的styles文件夹中。
我使用了构建注释将其括起来,以便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 %>']
}
},
...
cssmin: {
// By default, your `index.html` <!-- Usemin Block --> will take care of
// minification. This option is pre-configured if you do not wish to use
// Usemin blocks.
// dist: {
// files: {
// '<%= yeoman.dist %>/styles/main.css': [
// '.tmp/styles/{,*/}*.css',
// '<%= yeoman.app %>/styles/{,*/}*.css'
// ]
// }
// }
},
它没有在views目录中查找。我怀疑我使用工作流程不正确。
如何包含一个与视图特定的CSS文件?还有,cssmin块中的注释是什么意思?谢谢!