[Django]-How to use less css with django?

45๐Ÿ‘

โœ…

  1. Install django-static-precompiler:

  2. Run pip install django-static-precompiler

  3. Add static_precompiler to INSTALLED_APPS

  4. Install lessc executable, either via your package manager or run npm install less (npm is node package manager, which should be distro-installable, use at last resort)

  5. Use less in templates:

  6. Load the template tag: {% load less %}

  7. Use less template tag: <link rel="stylesheet" href="{{ STATIC_URL}}{% less "path/to/styles.less" %}" />

Note that by default compiled files are saved into COMPILED folder under your STATIC_ROOT (or MEDIA_ROOT if you have no STATIC_ROOT in your settings). You can change this folder name with STATIC_PRECOMPILER_OUTPUT_DIR setting. See the documentation for further details.

I didnโ€™t try it personally but i know that django-compressor also supports less.

๐Ÿ‘คjpic

15๐Ÿ‘

The selected answer is now out of date: django-less is no longer being maintained (as specified on its pypi page), and the developer suggests using django-static-precompiler instead.

๐Ÿ‘คbrianmearns

Leave a comment