Grunt uncss meerdere bestanden uncss-en

[tweakn00b]

in Gruntfile.js heb ik

module.exports = function(grunt) {
grunt.initConfig ({
uncss: {
"build" : {
files: [
{ src: 'js/bitcoin_upd.js', dest: 'css/main.gu.css' },
{ src: 'legacy/**/**/*.css', dest: 'css/main.gu.css' },
{ src: 'index.html', dest: 'css/main.gu.css' }
]
}
},...

maar hiermee lukt het met niet om alle bestanden in de main.gu.css te plaatsen.

Iemand een idee hoe dat zit met meerdere bestanden?

[Phobos]

Ik heb het zo geen voorbeeld bij de hand, maar o.a. op dit blog wordt gesproken over:

JavaScript:

css: { 
                src: [ 'js/bitcoin_upd.js', 'legacy/**/**/*.css', 'index.html' ], 
                dest: 'css/main.gu.css'
}

Wellicht kan je dus een array van filenames meenemen voor één bestand?

[tweakn00b]

In je voorbeeld, dat zeer duidelijk is, staat in zijn src geen js verwijzingen. Zou het kunnen zijn dat css niet in js files herkent worden?

Nog iets vreemds is dat iconen bijv. <i class="icon-lg ion-ios-analytics"> niet worden weergegeven nadat uncss is uitgevoerd. Deze laat ik dan in via: "/css/ionicons-2.0.1/min.css"

[Phobos]

De uncss github zegt dat ook JS meegenomen zou moeten worden:

UnCSS is a tool that removes unused CSS from your stylesheets. It works across multiple files and supports Javascript-injected CSS.

Voor je andere probleem denk ik dat je een ignore moet toevoegen, om zo de iconen te laten staan, zoals hier gegeven wordt (scroll wel een stukje naar beneden):

JavaScript:

uncss: {
    dist: {
        options: {
            ignore: ['#added_at_runtime', '.created_by_jQuery']
        },

Op de uncss github staan nog meer voorbeelden, waarvan ik denk dat je die prima over kunt zetten naar je grunt-task.