django-compressor:在 Debug模式下使用lessc

Question

我不确定我是否做对了，但问题是:

我正在使用 django-compressor与 lessc预处理器

一些 LESS 文件具有相对图像 URL。有些是我的，有些是 3rd 方库(例如 Bootstrap)

当COMPRESS_ENABLED是 True ，一切正常

当COMPRESS_ENABLED是 False , CssAbsoluteFilter不再运行，这意味着所有相对图像 URL 都是相对的，因此被破坏(因为它们不是来自 CACHE 目录的相对)

我可以想出一个“聪明”的目录结构，其中相对路径解析为同一个文件，无论它们是否来自 CACHE目录或来自 LESS 文件目录，但这似乎是一个脆弱的解决方法。

LESS + django-compressor 你平时是怎么工作的？ ?

Answer 1

您可以使用一个简单的解决方法:

COMPRESS_PRECOMPILERS = (
    ('text/less', 'path.to.precompilers.LessFilter'),
)

预编译器.py:

from compressor.filters.base import CompilerFilter
from compressor.filters.css_default import CssAbsoluteFilter

class LessFilter(CompilerFilter):
    def __init__(self, content, attrs, **kwargs):
        super(LessFilter, self).__init__(content, command='lessc {infile} {outfile}', **kwargs)

    def input(self, **kwargs):
        content = super(LessFilter, self).input(**kwargs)
        return CssAbsoluteFilter(content).input(**kwargs)

请注意，这适用于 COMPRESS_ENABLED = True和 False .