Soucemap misconfigured? Shows a blank source file

Sourcemap generated by clean-css gave me the correct file name and line number, as seen on the highlighted selector below. But when i click on it, it leads me to a blank source file.

This happens in Safari and Firefox as well. But these browsers also gave me this message: “The configuration file does not exist”.

i’m using Grunt to concat an array of bower-installed css files. Which i got from wiredep. Initially i was using the grunt-contrib-cssmin plugin. When that fails, i tried running the cleancss CLI directly via grunt-exec. But both give the same result.

using the Grunt plugin:

cssmin: {
    options: {
        sourceMap: true
    },
    target: {
        files: [{
            src: [require('wiredep')().css],
            dest: '<%= conf.assets_path %>/css/plugins.css'
        }]
    }
}

using the cli:

exec: {
    cleancss: {
        cmd: 'cleancss --source-map '+ require('wiredep')().css.join(' ') +' -o css/plugins.css',
        cwd: '<%= conf.assets_path %>'
    }
}

here’s the output of require('wiredep')().css if you’re wondering.

[ '/Users/username/Sites/projectname/public/bower_components/fullpage.js/dist/jquery.fullpage.css',
  '/Users/username/Sites/projectname/public/bower_components/slick-carousel/slick/slick.css',
  '/Users/username/Sites/projectname/public/bower_components/slick-carousel/slick/slick-theme.css' ]

[rizkysyazuli]

@jakubpawlowicz ah thx. btw, if u haven’t started. i can try to make a trimmed down version of my site to help replicate the issue.

[jakubpawlowicz]

Please comment further if needed!