[PYTHON] Verwenden Sie WENIGER mit Django

Installation

Installieren Sie zunächst node.js und lessc. Gununu.

$ brew install node
$ npm install -g less

$ which lessc
/usr/local/bin/lessc

$ lessc
lessc: no input files

usage: lessc [option option=parameter ...] <source> [destination]
...

Ich konnte es installieren!

Watcher Edition mit PyCharm (empfohlen)

Wenn Sie PyCharm verwenden, empfehlen wir es, da es die automatische Kompilierung vereinfachen kann.

Erstellen Sie zunächst eine Datei mit der Erweiterung .less.

Dann werden Sie automatisch gefragt, ob Sie sich bei File Watcher registrieren möchten. Fügen Sie also sofort Watcher hinzu.

Dann erscheint das Registrierungsfenster für weniger Beobachter.

Da das zuvor installierte Lessc erkannt wird, klicken Sie einfach auf OK.

Nachdem der Watcher funktioniert, bearbeiten Sie weniger und speichern Sie ihn, um automatisch CSS zu erstellen. Einfach!

↑ Obwohl es auf dem Display wie eine hierarchische Struktur aussieht, wird CSS automatisch im selben Verzeichnis erstellt.

Online-Konvertierung mit Django-Kompressor

$ pip install django-compressor

Fügen Sie "Kompressor" zu "INSTALLED_APPS" hinzu

Schauen Sie sich als Referenz die HTML-Datei von Django oscar an

layout.html

    {% compress css %}
      {% if use_less %}
        <link rel="stylesheet" type="text/less" href="{% static "oscar/less/styles.less" %}" />
      {% else %}
        <link rel="stylesheet" type="text/css" href="{% static "oscar/css/styles.css" %}" />
      {% endif %}
    {% endcompress %}

Es sieht aus wie das. Für use_less wird settings.USE_LESS unverändert verwendet.

In diesem Zustand in den Einstellungen

settings.py

COMPRESS_ROOT = os.path.join(os.path.dirname(BASE_DIR), 'compressfiles')

USE_LESS = True

COMPRESS_ENABLED = True

COMPRESS_PRECOMPILERS = (
    ('text/less', 'lessc {infile} {outfile}'),
)

STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
    'compressor.finders.CompressorFinder'
)

Mit dieser Einstellung wird weniger im vollständigen CSS-Block zusammen erstellt.

Dies ist auch nützlich, weil Sie sich keine Sorgen machen müssen, dass es erstellt wird, genau wie Sie es mit PyCharm sehen würden.

Referenz: Einstellungen - Dokumentation zu Django Compressor 1.6

Offline-Konvertierung mit dem Verwaltungsbefehl Django compresser

Beim Kompilieren mit Verwaltungsbefehlen zusätzlich zu den oben genannten Einstellungen

settings.py

COMPRESS_OFFLINE = True

COMPRESS_OFFLINE_CONTEXT = {
    'STATIC_URL': STATIC_URL,
    'use_less': USE_LESS,
}

Fügen Sie diese zusätzliche Einstellung hinzu. mit diesem,

$ ./manage.py compress

Wird jetzt weniger kompilieren.

Referenz: [So ändern Sie das Erscheinungsbild von Oscar - Dokumentation zu Django-Oscar 1.1] (http://django-oscar.readthedocs.org/en/releases-1.1/howto/how_to_handle_statics.html)