python - 如何在 django 中使用更少的 css？

Question

我正在使用 twitter Bootstrap 和 django。我已经使用 pip 需求文件处理了我的依赖项。

我有 2 个问题:

1. 如何在开发过程中使用 less，以便在编辑我的一个 less 文件时编译它？
2. 如何创建某种构建脚本来压缩和组合我的 JS 并从 Less 生成 CSS 作为部署的一部分？

我编写了一个自定义构建脚本，它创建了一个 virtualenv，运行“pip install -r requirements.txt”、django syncdb、django migrate，然后我们就出发了。

将 less 集成到其中的最简单方法是什么？

谢谢

Answer 1

1. 安装django-static-precompiler :

   1. 运行 pip install django-static-precompiler
   2. 添加 static_precompiler到 INSTALLED_APPS

2. 安装lessc可执行文件，通过你的包管理器或运行npm install less (npm 是节点包管理器，它应该是可发行版安装的，最后才使用)

3. 在模板中少用:

   1. 加载模板标签:{% load less %}
   2. 少用模板标签:<link rel="stylesheet" href="{{ STATIC_URL}}{% less "path/to/styles.less" %}" />

注意编译后的文件默认保存到COMPILED您的 STATIC_ROOT 下的文件夹(或 MEDIA_ROOT 如果您的设置中没有 STATIC_ROOT)。您可以使用 STATIC_PRECOMPILER_OUTPUT_DIR 更改此文件夹名称环境。见 documentation了解更多详情。

我没有亲自尝试过，但我知道 django-compressor也支持less。