如何自动更新相对CSS路径以进行缩小？

Question

我想更新缩小的所有相对路径，因为我为每个JS / CSS组件使用单独的文件夹，并且每个组件的文件夹深度也可以不同，例如：

css/
    style.min.css // final minified and processed file
    common.scss
    components/
        gallery/
            gallery.scss // url(../../../img/mypic.png)
img/
    mypic.png

缩小后，style.min.css中的样式仍然会../../../img/mypic.png。但是，它必须更新为../img/mypic.png，否则网页浏览器将无法找到图片。

如何使用PostCSS或其他套餐自动执行此操作？

我找到了postcss-url项目，它提供了自定义网址转换的功能，但我没有找到任何示例如何执行此操作。

现在我使用gulp，nodejs，autoprefixer和postcss进行缩小。

Answer 1

Friend中有一个名为&的参数，可用于将自定义函数传递给url。此函数将能够修改postcss-url的URL，但必须手动编写代码。这是我在项目中使用的内容：

postcss-url