CSS - How to quickly merge all files connected via @import into one main style file?

Question

css

In general, in the title and the whole essence of the issue. I've been "composing" styles for several days, which are divided into more than 30 files. Now, when optimizing speed, I need to quickly combine them. How to do?

Answer 1

It is necessary once after loading the page to go through all the elements and save their styles into one resulting file.
upshots.org/javascript/jquery-copy-style-copycss
Or via the "Save Page WE" plugin for Chrome try to save the compiled style: plugin .

Answer 2

Can gulp-concat help? Concatenates all files into one: Option one , second option .
Video .