將多個資產合併到單個文件

我正在優化舊的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

將多個資產合併到單個文件

回答

相關問題