How to do concat css in grunt?

Question

css

I do not use preprocessors in the project, so my task is to simply combine all css files into one and minify it. What to use?

Answer 1

There is a corresponding plugin that can take css files, merge into one and minify.

Answer 2

I used the grunt-contrib-concat plugin for concatenation, combined js / css files with it. To minify css, I used the grunt-csswring plugin, for js - grunt-contrib-uglify. I advise you to pay attention to the sourceMap option when minimizing, it allows you to create maps so that developers can see the normal css / js code in the DevTool, and not the minimized one, but upload to production already without a map, only minimized files. If you wish, look further towards Gulp, it will be more interesting at the moment than Grunt.