django-compressor，LESS，相对@import和相对url（）

Question

我使用django-compressor + LESS。

我有一个相对@import里面无问题文件和相对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 Not Found）。但它应该指向/static/common/img/icon.png

我做错了什么？ （我认为它应该是一种非常常见的情况）

Answer 1

如果你的静态路径配置正确，你应该能够将common/static和blog/static视为它们是同一个文件夹。您的进口声明应该看起来像这样：

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

Answer 2

我对这个问题的答案可能是相关的。您可能还想将'--relative-url'参数添加到lessc https://stackoverflow.com/a/25929152/559629。