2014-09-02 52 views
1

當我潛入grunt任務等,我有一些關於concatting/uglyfing /壓縮JavaScript和CSS文件的問題。 JavaScript對我來說並不是什麼大問題,但CSS是。當咕嚕/醜陋的供應商腳本在grunt中的文件引用

考慮的文件結構是這樣的:

-resources 
-- js 
-- css 
-- vendor 
--- jquery 
    - jquery.min.js 
--- fancybox 
    - fancybox.min.js 
    - fancybox.min.css 
    - sprite.png 
--- bootstrap 
    - bootstrap.min.js 
    - bootstrap.min.css 

我想CONCAT /醜化/壓縮所有的CSS和JavaScript文件在供應商的文件夾爲:

- resources 
-- js 
    - project.min.js 
-- css 
    - project.min.css 

我該怎麼辦保持在CSS中使用的圖像引用完好?例如,fancybox.min.css使用url(「..」)作爲背景值。

回答

0

你沒有提到你正在使用哪個CSS縮小器,但是如果你使用clean-css那麼它有一個選項來重定義URL。我從來沒有嘗試過,但它聽起來像你想要的。

要使用「clean-css」你想要這個Grunt包:grunt-contrib-cssin