django-compressor、LESS、相对@import 和相对 url()

Question

我正在使用 django-compressor + LESS。

我有亲戚问题 @import在 .less 文件和相关文件中 url(../image.png)内含 .less文件。

我会解释。我有下一个文件夹结构:

common/  # Django app with some common stuff, e.g. common button styles
   static/
     common/
       less/buttons.less
       img/icon.png
blog/
  static/
    blog/
      less/blog_buttons.less

内buttons.less我有按钮的混合:

.button() {
    color: white;
    padding: 4px 10px;
    background: gray url(../img/icon.png) no-repeat 0 0;
}

内blog_buttons.less我使用这个混合:

@import "../../../../common/static/common/less/buttons";

.blog_button {
    .button;
    background-color: orange;
}

这是问题所在:

当 django-compress 预编译我的 blog_buttons.less - 按钮背景指向/static/blog/img/icon.png (404 未找到)。但它应该指向/static/common/img/icon.png
难道我做错了什么？ (我觉得应该是一种很常见的情况)

Answer 1

如果您的静态路径配置正确，您应该能够同时处理 common/static和 blog/static好像它们是同一个文件夹。你的导入语句应该是这样的:

@import "../../common/less/buttons";