包括在django项目中使用sass的基础

时间:2014-06-27 15:11:45

标签: django sass zurb-foundation

我在virtualenv下有一个django项目。 我包含了django-zurb-foundation 5.3.0软件包以使用基础,但这个版本只包含静态css文件。

这是我第一次使用django,通常我使用bower使用bower和grunt使用基础。

如何使用sass版本的基础? 文件树应该是什么?

更新

我安装了django压缩器,我让它在本地工作,它工作得很好,但我不能让它在我的生产服务器上工作: 在本地环境中我有一个CACHE文件夹,其中包含css静态文件,html页面正确调用该文件。

在prod网站上,它不会创建CACHE文件夹,也不会呈现它的路径,它会保留scss文件的路径。

我做错了什么?

似乎压缩器不在prod服务器上工作,我担心我在使用django settings.py时出错了,因为我是新手。 有什么帮助吗?

2 个答案:

答案 0 :(得分:1)

我听说过有几个人使用django-bower和粉底,我个人并没有玩过它,但如果你还没有,那就值得研究一下。

答案 1 :(得分:1)

我真的无法找到使用第三方Django应用程序来做到这一点的理由,使用像基础或Bootstrap这样的前端框架就像将较少或sass源文件编译为css文件一样简单并包含它在你的html(<link rel="stylesheet"...)。

使用Django,您可以毫无问题地使用Bower和Grunt,因为它们是独立的,完全可配置以满足您的需求。我使用bower做的是在.bowerrc文件的同一级别创建一个bower.json文件,directory设置指向主静态文件夹,如:

{
    "directory": "my_django_app/static/bower_components"
}

谈论django压缩机应用程序,我只能说我不建议在生产环境中使用它,它有一些性能问题,我个人更喜欢静态文件负责前端 - 结束dev而不是后端dev。例如,您需要为您的javascript提供源地图以进行调试,我不记得是否可以使用此插件。

您可以使用grunt插件来代替使用django-compressor,我已经做了一个可以帮助您这样做的插件:https://www.npmjs.org/package/grunt-django-compressor