Grunt build ne permet pas de créer des fichiers css

Je suis nouveau sur le Yeoman et Grunt.

Tout en faisant Grunt construire la construire semblent à la fin avec succès mais dist/styles/*.les fichiers css ne sont pas créés.

À partir des journaux, on dirait les styles sont compilées .tmp/styles/(voir "boussole:dist" (boussole) tâche ci-dessous) mais ne peuvent être copiés ou minimisé à dist/styles. et c'est pourquoi "usemin:css" (usemin) ne permet pas de fichier les fichiers. - Mais ce n'est qu'une supposition.

Je suis l'aide de la base Gruntfile.info qui est généré par yeoman (je l'ai ajouté ci-dessous)
et la seule modification que j'ai faite a été de commenter l'cssmin tâche depuis supposer faire la même chose.

Ici est l'accumulation de sortie: 

$ grunt build
Running "clean:dist" (clean) task
Running "bower-install:app" (bower-install) task
Running "useminPrepare:html" (useminPrepare) task
Going through app/index.html to update the config
Looking for build script HTML comment blocks
Configuration is now:
concat:
{ generated:
{ files:
[ { dest: '.tmp\\concat\\scripts\\scripts.js',
src:
[ LIBRARIES ] },
{ dest: '.tmp\\concat\\scripts\\modules.js',
src:
[ SOURCE ] } ] } }
uglify:
{ generated:
{ files:
[ { dest: 'dist\\scripts\\scripts.js',
src: [ '.tmp\\concat\\scripts\\scripts.js' ] },
{ dest: 'dist\\scripts\\modules.js',
src: [ '.tmp\\concat\\scripts\\modules.js' ] } ] } }
cssmin:
{}
Running "concurrent:dist" (concurrent) task
Running "imagemin:dist" (imagemin) task
? app/images/yeoman.png (saved 9.06 kB)
Minified 1 image (saved 9.06 kB)
Done, without errors.
Running "svgmin:dist" (svgmin) task
Done, without errors.
Running "compass:dist" (compass) task
directory .tmp/styles/
create .tmp/styles/bootstrap.css (1.759s)
create .tmp/styles/main.css (0.117s)
create .tmp/styles/problem-comprehension.css (0.002s)
create .tmp/styles/problem-timedword.css (0.002s)
create .tmp/styles/track-detail.css (0.009s)
Compilation took 1.915s
Done, without errors.
Running "autoprefixer:dist" (autoprefixer) task
Prefixed file ".tmp/styles/bootstrap.css" created.
Prefixed file ".tmp/styles/main.css" created.
Prefixed file ".tmp/styles/problem-comprehension.css" created.
Prefixed file ".tmp/styles/problem-timedword.css" created.
Prefixed file ".tmp/styles/track-detail.css" created.
Running "concat:generated" (concat) task
File ".tmp\concat\scripts\scripts.js" created.
File ".tmp\concat\scripts\modules.js" created.
.
.
.
Running "usemin:html" (usemin) task
Processing as HTML - dist/404.html
Update the HTML to reference our concat/min/revved script files
Update the HTML with the new css filenames
Update the HTML with the new img filenames
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input
.
All HTML files in the project
.
Running "usemin:css" (usemin) task
Running "htmlmin:dist" (htmlmin) task
File <FILE>.html created.
Done, without errors.
Execution Time (2014-02-06 22:23:38 UTC)
clean:dist         1.3s   7%
concurrent:dist    5.3s   29%
ngmin:dist         2.3s   13%
copy:dist          6.1s   33%
uglify:generated   2.6s   14%
usemin:html       349ms   2%
Total 18.4s

La cible de génération de Grunt.js:

grunt.registerTask('build', [
'clean:dist',
'bower-install',
'useminPrepare',
'concurrent:dist',
'autoprefixer',
'concat',
'ngmin',
'copy:dist',
'cdnify',
//   'cssmin',
'uglify',
'rev',
'usemin',
'htmlmin'
]);

Cheers!

Il ne regarde pas comme il est de trouver tout les fichiers CSS pour être minimisé. Quel est votre Gruntfile.js ressembler? Aussi pourquoi le cssmin tâche commenté?
J'ai ajouté les informations demandées à la question.
ce n'app/index.html ressembler? C'est là où il est à la recherche pour les fichiers css
index.html est à la recherche pour les fichiers css dans le style/*.css </script><link href="styles/bootstrap.css"><link -- il semble que les fichiers ne sont pas copiés

OriginalL'auteur special0ne | 2014-02-06

  1. 8

    Yeoman hors de la boîte a besoin de quelques ajustements dans mon expérience. C'est Grognement du moteur veut vraiment minifier les choses - c'est un de ses grands services à valeur ajoutée. Je suis assez nouveau pour elle, mais j'imagine que le vide cssmin zone dans le grognement de fichier est ce qui joue pour vous. Essayez de mettre quelque chose comme ceci dans votre cssmin zone de gruntfile.js -

        cssmin: {
dist: {
files: {
'<%= yeoman.dist %>/styles/main.css': [
'.tmp/styles/{,*/}*.css',
'<%= yeoman.app %>/styles/{,*/}*.css'
]
}
}
},

    Qui devrait vous faire donner à votre minification css quelques dents. Et, ensuite, vous supprimez les marques de cssmin en tâche de génération en bas de gruntfile.js de sorte qu'il s'exécute lorsque vous faites " grunt build sur le CLI.

    OriginalL'auteur staypuftman

  2. 10

    Il y a peut être un problème dans votre code HTML, probablement, vous avez oublié d'ajouter les commentaires pour le grognement de la tâche.

    <!-- build:css(.) styles/vendor.css -->
<!-- bower:css -->
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
<!-- endbower -->
<!-- endbuild -->
    Embarrassé pour dire que c'était mon problème. J'ai oublié que les commentaires dans le code html sont importants pour le grunt build. Nouveau Angulaire et Yeoman, alors merci!
    Cela m'a aidé énormément et je crois que devrait être la accepté de répondre. Merci!

    OriginalL'auteur Foysal Osmany

  3. 0

    J'ai essayé toutes les options décrites ici, et aucun n'a fonctionné pour moi. Ce qui a résolu le problème dans mon cas: le Nom de votre fichier SCSS extension, en tant que principal.scss fichier, par exemple la coutume.scss situé dans <%= yeoman.app %>/styles/dossier.

    OriginalL'auteur camposer