Merge / Merge css files in order

Question

I have a bunch of different css files generated in the css/ folder using libsass. In addition, I have normalize.css already placed in the css/ folder to enable css normalization in all browsers. I use npm as a build tool, and my package.json is something like this:

 { ..... "scripts": { "test": "npm run lint", "lint": "csslint css/*.css", "build": "node-sass sass/ -o css/", "postbuild": "cat css/*.css | cleancss -o css/main.min.css" }, ..... } 

---

At the build stage, I generate css files, and at the post-build stage, I merge all css files into a single cized css file.

But at the stage after the assembly, the contents of the normalize.css file should appear before any other contents of the css file, however, the behavior is incompatible. I need to make sure that normalizes the material preceding all other css files, any heads-ups will be useful.

---

TL; DR . Concatenating a bunch of css files will add normalize.css in the middle or at the end. I need this when starting the link css file.

Thanks.

Answer 1

Just use the -I option of ls to exclude normalize.css from the list:

 cd css/ && cat normalize.css `ls -I normalize.css -I main.min.css` | cleancss -o main.min.css