django SCSS

GisangLee·2022년 7월 14일
0

django

목록 보기
13/35

SCSS 적용하기

1. install libs

pip install libsass django-compressor django-sass-processor

2. Settings

INSTALLED_APPS += [
	...
    'sass_processor',
	...
]
...
...
SASS_OUTPUT_STYLE = 'compact'
SASS_PROCESSOR_ENABLED = True
SASS_PROCESSOR_ROOT = os.path.join(BASE_DIR, 'static')

# 배포용
STATICFILES_FINDERS  = [
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
    'sass_processor.finders.CssFinder',
]

3. 사용법

{% load sass_tags %}

<link href="{% sass_src 'css/filename.scss' %}" rel="stylesheet" type="text/css" />
profile
포폴 및 이력서 : https://gisanglee.github.io/web-porfolio/

0개의 댓글