为 Mezzanine 制作 Zurb Foundation 主题（django-compressor + SASS 集成）

Question

我正在构建一个双语网站，其中包含 RTL 和 LRT 内容。 Mezzanine 带有一个 twitter-bootstrap 主题，它不像 zurb-foundation 那样支持 RTL。所以我正在尝试创建一个新的 Mezzanine 主题，该主题将使用网站的基础。

我在以 django-compressor 可以理解的方式构建我的项目时遇到了问题，并且对第 3 方的依赖性最少。

我想模拟的结构是 mezzanine-themes. However, it is not setup to use SCSS. I've also installed django-compressor-toolkit 中用于处理 SCSS 的结构。

现在的问题是我不知道如何在主题应用程序中构建静态文件以让压缩器找到它们。

我的直觉是我必须让 compressor-toolkit 在 node_modules 中找到 foundation-sites 文件，但我无法通过阅读文档弄清楚如何做到这一点。

我可以将所有基础文件放在同一个静态文件夹中，但是我失去了很好的包管理（以及其他缺点）。

有什么建议吗？

非常感谢。

下面是压缩器在到达 {% compress css %} 模板标签时给出的错误。

{
  "status": 1,
  "file": "/Users/majdal/Projects/dar/nimer/static/scss/_settings.scss",
  "line": 63,
  "column": 1,
  "message": "File to import not found or unreadable: util/util.\nParent style sheet: /Users/majdal/Projects/dar/nimer/static/scss/_settings.scss",
  "formatted": "Error: File to import not found or unreadable: util/util.\n       Parent style sheet: /Users/majdal/Projects/dar/nimer/static/scss/_settings.scss\n        on line 63 of nimer/static/scss/_settings.scss\n>> @import 'util/util';\n   ^\n"
}

Answer 1

找到了！我不得不为 node-sass 模块使用 --include-path。

COMPRESS_PRECOMPILERS = (
    ('text/x-scss', 'node-sass --scss  --include-path ./node_modules/foundation-sites/scss/ --include-path ./node_modules/motion-ui {infile} {outfile}'),
)

为 Mezzanine 制作 Zurb Foundation 主题（django-compressor + SASS 集成）

Making a Zurb Foundation theme for Mezzanine (django-compressor + SASS integration)

zurb-foundation

mezzanine

django-compressor