javascriptgruntjszurb-foundationwiredep

Grunt Wiredep not injecting Foundation css

I have foundation in my bower_components through bower (bower install foundation).

I also have grunt-wiredep in my Gruntfile.js as shown below:

    wiredep: {
      dev: {
       src: ['<%= FILE_PATHS.client %>/index.html']
      }
    }

Also, I have on my index.html

    <!-- bower:css -->
    <!-- endbower -->

After running grunt wiredep:dev, foundation.js is injected, but not foundation.css or foundation.scss

Am I missing something with wiredep configuration? It seems to pick up font-awesome.css, but not for foundation?

Is this issue similar to the latest version of Bootstrap http://blog.getbootstrap.com/2015/06/15/bootstrap-3-3-5-released/

Solution

  • So, I should have tried this first, but similar to bootstrap, I needed to add an override particularly for foundation.

        "overrides": {
      "foundation": {
        "main": [
        "css/foundation.css",
        "js/foundation.js"
        ]
      }
    }

    Thanks, Sudheer for your suggestion.