django-compressor, LESS, 相对 @import 和相对 url()答案

【问题标题】：django-compressor, LESS, relative @import and relative url()django-compressor, LESS, 相对 @import 和相对 url()
【发布时间】：2013-02-12 22:27:05
【问题描述】：

我正在使用 django-compressor + LESS。

.less 文件中的相对 @import 和包含的 .less 文件中的相对 url(../image.png) 有问题。

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

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 里面我有mixin 按钮：

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

在blog_buttons.less里面我用这个mixin：

@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

我做错了吗？（我觉得应该是一种很常见的情况）

【问题讨论】：

标签： django less django-compressor

【解决方案1】：

如果您的静态路径配置正确，您应该能够将common/static 和blog/static 视为同一个文件夹。您的导入语句应该如下所示：

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

【讨论】：

【解决方案2】：

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

【讨论】：