yeoman - Grunt concat and minification of css files -


i'm using yeoman generated gruntfile , looking concat , minify css. way i'm doing javascript appears working fine when try , apply same methods css files them being concatenated no minification.

here's i'm doing in index.html file:

    <!-- build:css styles/dist.bundle.css -->     <link rel="stylesheet" href="styles/loader.css" />     <link rel="stylesheet" href="styles/social.css" />     <link rel="stylesheet" href="styles/main.css" />     <!-- endbuild --> 

note if remove build block comments minified version in 3 separate files.

and in gruntfile config have following:

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

and usemin config default:

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

can advise how can achieve looking todo? or not possible usemin & cssmin?

thanks.

can please pastebin gruntfiles ? since usemin not concat/minify/uglify itself, rather tell tasks wich files use, maybe not asking grunt minify files after concatenated


Comments

Popular posts from this blog

Why does Ruby on Rails generate add a blank line to the end of a file? -

keyboard - Smiles and long press feature in Android -

node.js - Bad Request - node js ajax post -