How to glue multiple CSS from bower components into 1 CSS in correct order using Grunt?

Question

css

There is grunt to run various tasks, there is a bower that installs front-end libraries. I would like to be able to glue several CSS files into 1 file in the correct sequence. For js files, there is grunt-bower-concat , but it only supports merging js files. Although some packages also export css files (bootstrap, for example, or some jQuery plugins). Some packages only export css files at all ( normalize-css , for example).
In principle, the project uses Less, and you can manually import previously copied CSS files (via grunt-bower-task , or grunt-bowercop y, or grunt-bower) to the main less file. But it's tedious. So, is there a recipe for how to automate the merging and CSS files from the bower?

Answer 1

Because of the merging order issue, it's better to do @import in the main LESS in the order you want.