Search code examples
javascriptuser-interfaceboweryeomanbower-install

Ignore specific main files when using bower-installer


So I'm working on a yeoman generator and using bower-installer to install front-end dependancies.

Problem I am having is slick-carousel lists slick.css, slick.scss and slick.less as main files and I'm only after slick.scss.

So with bower-installer is there a way I can ignore the css and less files?

I've tried adding to the ignore array, with various different file paths but no luck.

Is it possible? and if so, how do I do it?

Thanks in advance.

FYI My bower file:

{
  "name": "project-name",
  "authors": [
    "Rawnet <[email protected]>"
  ],
  "ignore": [
    "jquery"
  ],
  "install": {
    "path": "/ui/app/vendor",
    "ignore": [
      "jquery"
    ]
  },
  "overrides": {
    "slick": {
      "slick-carousel": ["slick.scss", "slick.js"]
    }
  },
  "dependencies": {
    "picturefill": "^3.0.2",
    "slick-carousel": "^1.6.0"
  }
}

Solution

  • So I managed to get it working with sources, this is my new bower.json file:

    {
      "name": "project-name",
      "authors": [
        "Rawnet <[email protected]>"
      ],
      "ignore": [
        "jquery"
      ],
      "install": {
        "path": "/ui/app/vendor",
        "ignore": [
          "jquery"
        ],
        "sources": {
          "slick-carousel": ["bower_components/slick-carousel/slick/slick.scss", "bower_components/slick-carousel/slick/slick.js"]
        }
      },
      "dependencies": {
        "picturefill": "^3.0.2",
        "slick-carousel": "^1.6.0"
      }
    }