css - 将多个 Assets 合并到单个文件

Question

我正在优化旧的网络元素。我想将多个 Assets css 文件组合成单个 css 文件(稍后再缩小)。我试着用 gulp + sass 来做。我制作了一个文件，但 url 现在是错误的，因为最终的 css 文件位于不同的目录中。

我正在添加图片来解释我的问题

http://i.imgur.com/LjPTEQA.png

文件:'CSS_FINAL.CSS' 是我的合并文件，我想将其包含到 html 中文件夹:'assets' 包含多个 Assets 文件夹及其图像、js 等。文件:“asset_1.css”和“asset_2.css”需要合并到文件“CSS_FINAL.CSS”顶部黑框:我正在寻找的文件“CSS_FINAL.CSS”结果。底部两个黑框: Assets css 文件。

有没有办法合并那些固定 url 路径的 .css 文件？

注意:我不想更改 Assets 文件中的任何内容。

Answer 1

在阅读有关 minify 的文章时，我发现了一些帮助我找到 gulp-css-rebase-urls ( https://www.npmjs.com/package/gulp-css-rebase-urls) 的关键字。可以将根 url 路径设置为任何目的地(atm 未记录该选项，但在挖掘代码后找到它)，因此我从该目录映射了 css 文件 url。