Vendor CSS files not being compiled for Brunch

Question

I am having an issue with brunch@1.7.6 not compiling bower_component css files. Similar to Separating app and vendor css in Brunch. Only the css/app.css is getting generated for me. :/

{
  stylesheets: {
    joinTo: {
      'css/app.css': /^app/,
      'css/vendor.css': /^bower_components/
    }
}

Please let me know if I am doing something wrong. All seemed fine when I was using brunch@1.6.7. Did the config change with the introduction to bower being built in?

Answer 1

With regards to x-editable, I ran into the failure to include the bower_components css, but found that I simply had to add the specifics in the overrides section of bower.json (since it has multiple library options the main is not included in the .bower.json).

I used the following overrides successfully:

"overrides": {
    "x-editable": {
        "main": [
            "dist/bootstrap3-editable/js/bootstrap-editable.js",
            "dist/bootstrap3-editable/css/bootstrap-editable.css"
        ]
    }
}