Support alternative search path in usemin markup about grunt-uncss HOT 6 CLOSED

I'll take a look into this. It should be something we can show in the demo at least.

from grunt-uncss.

Run into this also, with default yeoman angularjs setup the cssmin uses:

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

and then uncss complains:

Running "uncss:dist" (uncss) task
Error: could not find: app/styles/main.css

althought it should be searching the .tmp directory instead.

from grunt-uncss.

+1

from grunt-uncss.

@vertti or if anybody have still trouble with this, you can use this setup in your Gruntfile.js to make uncss play nice with yeoman without even changing the index.html

    // Remove unused css
    uncss: {
      dist: {
        files: [{
      src: ['<%= yeoman.app %>/*.html', '<%= yeoman.app %>/views/{,*/}*.html'],
      dest: '.tmp/concat/styles/main.css'
        }]
      },
      options: {
        csspath: '../.tmp/concat/'
      }
    }

and then in the build task run uncss just before thee cssmin task:

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

you can leave the index.html as it is:

     <!-- build:css({.tmp,app}) styles/main.css -->

from grunt-uncss.

The problem I have with that approach is that usemin does slightly the same thing as uncss. It parses my index.html and generates a new CSS file. So running usemin after uncss overwrites the file uncss created.

rev makes this complicated too, as you can't run uncss after it (because of unknown rev'ed filenames) but you need to run usemin after rev. And running uncss after usemin results in a non-minified CSS.

from grunt-uncss.

@kuus +1 thanks!

from grunt-uncss.