将多个资产合并到单个文件

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

我添加图像解释我的问题

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

文件：“CSS_FINAL.CSS”是我合并的文件，我想包括到html 文件夹：“资产”包含的多个文件夹中资产与他们的图像，JS等文件：'asset_1.css'和'asset_2.css'需要合并到文件'CSS_FINAL.CSS' 顶部黑盒子：文件'CSS_FINAL.CSS'结果我正在寻找。两个底部黑色框：资产css文件。

是否有合并这些.css文件修复url路径的方法？

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

来源

2015-07-18 Linas Baublys

引用在这里：http://stackoverflow.com/questions/9287823/combine-and-minify-multiple-css-js-files –

@SeanStopnik这与这个问题没有关系。问题是资产的URL。 – cimmanon

@cimmanon要么我误解了这个问题，要么就是很容易混淆，但是使用像Sass或简单的缩写脚本就是答案。也许我没有得到它？ –

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

来源

2015-07-20 20:10:24

将多个资产合并到单个文件

回答

相关问题