Grunt css path problem

Hi everyone,

I’m experiencing a problem using the Grunt usemin plugin. I have gone through the plugin documentation https://github.com/yeoman/grunt-usemin but only understand half of it.

This is from my grunt file:


useminPrepare: {
    html: 'inc/index.html',
    options: {
        dest: '../dist/'

    }

My index.html file:

 <!-- build:css ccs/main.css -->
<link type="text/css" href="../css/basic.css" rel="stylesheet" />
<link type="text/css" href="../css/main.css" rel="stylesheet" />
 <!-- endbuild -->

I end up with this:

<link rel="stylesheet" href="ccs/main.css" media="screen">

But this is what I need:

<link rel="stylesheet" href="/dist/ccs/main.css" media="screen">

The URL must begin with /dist/. I cannot append /dist/ to css/main.css in my index.html file because othewise I have 2 dist folders.

Please help me with this if you can. Thank you in advance!!!