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个文件，并且在构建后步骤中，我将所有css文件连接成一个缩小的css文件。

但是在构建后步骤中，normalize.css文件的内容应该在任何其他css文件内容之前，但行为不一致。我需要确保规范化的东西比所有其他css文件先进，任何抬头都会有所帮助。

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

感谢。

Answer 1

只需使用ls的{{3}}排除列出normalize.css：

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

按顺序连接/合并css文件

1 个答案: