制作Zurb基金会主题为夹层(django-compressor + SASS集成)

时间:2017-11-12 19:03:08

标签: zurb-foundation mezzanine django-compressor

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

我无法以django-compressor理解的方式构建我的项目,而且第三方依赖性最小。

我想模仿的结构是mezzanine-themes中的结构。但是,它没有设置为使用SCSS。我还安装了django-compressor-toolkit来处理SCSS。

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

我的预感是我必须让compress-toolkit找到foundation-sites中的node_modules文件,但我无法通过阅读文档来了解如何做到这一点。

我可以将所有基础文件放在同一个静态文件夹中,但后来我失去了良好的包管理(以及其他缺点)。

有什么建议吗?

非常感谢提前。

以下是压缩器到达{% 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"
}

1 个答案:

答案 0 :(得分:1)

发现它!我必须使用--include-path作为node-sass模块。

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