More than 3 years have passed since last update.

django-sassを使ってみた

Last updated at 2020-06-25Posted at 2020-06-25

#django-sassとは？
django-sassはDjangoで扱うSassコンパイラパッケージです。
https://pypi.org/project/django-sass/

#なんでdjango-sass？
DjangoでSassを利用する場合、django-libsassとdjango-sass-processorが使われることが多いです。
今回django-sassを選んだ理由はコードがシンプルで読みやすかったからです。扱いやすそうだったので使ってみました。

#環境

#インストールからコンパイルまで
基本的にドキュメントの通りコマンドすればOKです。
####1. インストール
pipでインストールします。

shell

pip install django-sass

####2. Djangoのappsに追加
settings.pyのINSTALLED_APPSにdjango_sassを追加します。

settings.py

INSTALLED_APPS = [
    ...,
    'django_sass',
    ...,
]

####3. manage.py sassを実行
今回のプロジェクトの構成は以下の通りです。

shell


├── manage.py
├── my_project
├── my_app
├── templates
│    └── base.html
└── static
     ├── css
     └── scss
         └── main.scss

manage.py scssを実行します。

shell

python manage.py sass static/scss/main.scss static/css/main.css

第１引数はscssファイルのpathを、第２引数にはコンパイル後のcssファイルをどこに作成するか、pathを記述します。
ちなみに第２引数の部分は自動で生成されるので、ディレクトリなど作成する必要はありません。