在grunt中连接/丑化供应商脚本时的文件引用

时间:2014-09-02 12:54:09

标签: javascript css gruntjs

当我潜入咕噜咕噜的任务时,我有一些关于concatting / uglyfing /压缩JavaScript和CSS文件的问题。 JavaScript不是我的大问题,但CSS是。

考虑这样的文件结构:

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

我想将vendor文件夹中的所有CSS和Javascript文件连接/ uglify /压缩为:

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

如何保持CSS中使用过的图像的参考完整?例如,fancybox.min.css使用url(“..”)值作为背景。

1 个答案:

答案 0 :(得分:0)

您没有提到您正在使用的CSS缩小器,但如果您使用clean-css,则可以选择重新绑定网址。我从来没有真正尝试过,但听起来就像你想要的那样。

使用" clean-css"你会想要这个Grunt包:grunt-contrib-cssin