将多个资产组合到单个文件中

Question

我正在优化旧的Web项目。我想将多个资产css文件合并到单个css文件中（稍后缩小）。我试图用gulp + sass来做。我创建了一个文件，但网址现在是错误的，因为最终的css文件位于不同的目录中。

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

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

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

是否有办法合并固定网址路径的.css文件？

注意：我不想更改资产文件中的任何内容。

Answer 1

在阅读minify时，我发现了一些帮助我找到gulp-css-rebase-urls（https://www.npmjs.com/package/gulp-css-rebase-urls）的关键字。它可以设置到任何目的地的根URL路径（选项没有记录atm，但是在挖掘代码后找到它），所以css文件url＆＃39; s和我一起从该dir映射。