Concatenate/Merge css 个文件顺序
Concatenate/Merge css files in order
我在 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 文件.
谢谢。
只需使用 ls
的 -I
option 即可将 normalize.css
排除在外:
cd css/ && cat normalize.css `ls -I normalize.css -I main.min.css` | cleancss -o main.min.css
我在 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 文件.
谢谢。
只需使用 ls
的 -I
option 即可将 normalize.css
排除在外:
cd css/ && cat normalize.css `ls -I normalize.css -I main.min.css` | cleancss -o main.min.css