Concatenate/Merge css 个文件顺序

Question

我在 libsass 的帮助下在 css/ 文件夹中生成了一堆不同的 css 文件。此外，我确实已将 normalize.css 放置在 css/ 文件夹中，以允许在所有浏览器中规范化 css。我使用 npm 作为构建工具，我的 package.json 包含如下内容：

{
.....
"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"
  },
.....
}

在构建步骤中，我生成 css 文件，在 post-构建步骤中，我将所有 css 文件连接到一个缩小的 css 文件中。

但是在 post-构建步骤中，normalize.css 文件的内容应该出现在任何其他 css 文件内容之前，但是行为不一致。我需要确保规范化的内容排在所有其他 css 文件之前，任何提醒都会有所帮助。

Tldr- 一堆 css 文件的串联导致 normalize.css 被附加在中间或最后。我在连接开始时需要它 css 文件.

谢谢。

Answer 1

只需使用 ls 的 -I option 即可将 normalize.css 排除在外：

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

Concatenate/Merge css 个文件顺序

Concatenate/Merge css files in order

bash

css

npm

concatenation