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

【问题标题】：file references when concatting / uglyifing vendor scripts in grunt在 grunt 中连接/丑化供应商脚本时的文件引用
【发布时间】：2014-09-02 12:54:09
【问题描述】：

当我潜入繁重的任务等时，我对连接/丑化/压缩 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 文件合并/丑化/压缩到：

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

如何在 CSS 中保持对已使用图像的引用完好无损？例如，fancybox.min.css 使用 url("..") 值作为背景。

【问题讨论】：

标签： javascript css gruntjs

【解决方案1】：

您没有提及您正在使用哪个 CSS 缩小器，但如果您使用 clean-css，那么它可以选择重新定位 URL。我从来没有真正尝试过，但这听起来像你想要的。

要使用“clean-css”，你需要这个 Grunt 包：grunt-contrib-cssin

【讨论】：