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
Post a Comment