作为一个运维开发，不像业务开发只专注后端业务开发即可，常常需要自己来构建前端的东西，当然系统交互体验说的过去就行，要求也没有业务系统那么高。但是还是会接触很多前端的知识，像是css、html、javascript 是必不可少的，你可以不精通，但必须会用。最近前端发展迅猛，已向着工程化大前端进发。常常开玩笑说，前端才是全栈，前后端、各平台全端通吃，现在貌似已成为事实。
今天，和大家分享下前端样式工具 sass 如何在 Django 中应用。
什么是 sass
Sass or (Syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). – Wikipedia
以上是wiki百科的解释，简单来说，sass 是一种方便大家来编写css的一种高级的样式预编译语言。只所以叫「预编译」,是因为使用它的时候，需要编译成浏览器能识别的css。
官方网站： https://sass-lang.com/
Sass 3版本以后，新引入了 Scss 语法，它完全兼容 Css3 ，并且继承了 Sass 的强大功能本文来源[email protected]搞@^&代*@码)网9。关于 Scss 和 Sass ，这里不做过多解释，有兴趣的可参考官方文档介绍。
话说回来， Sass 除了编写方便外，还有那些优势，大家可阅读这篇经典的文章 why sass? 。
下面，来说下怎么在我们的常用web框架 Django 中如何集成。
在Django中使用sass
下面我们来一步步的配置 Sass 。环境如下：
- Python：3.6
- Django: 2.2
创建Django项目
1、创建Python的开发虚拟环境：
$ python3 -m venv env $ source env/bin/active
2、安装 django , 创建 django 项目；
$ pip install django $ django-admin startproject sass_demo
3、增加相关配置
# settings.py
TEMPLATES = [
{
...
'DIRS': [
os.path.join(BASE_DIR, 'templates')
],
} ...
]
并创建一个 index.html 模板，如下：
<html> <head> <title>Django sass demo</title> </head> <body> <div class="content"> Django sass demo </div> </body> </html>
运行 python manaage.py runserver 检查Django项目是否配置好。
安装Django sass
这里我们采用了两个Django的第三方应用 django-compressor 和 django-sass-processor , 分别对 css 进行压缩和编译。
1、安装django sass 应用库
$ pip install libsass django-compressor django-sass-processor
2、settings 中增加如下配置
INSTALLED_APPS = [ … 'sass_processor', … ] STATICFILES_FINDERS = [ 'django.contrib.staticfiles.finders.FileSystemFinder', 'django.contrib.staticfiles.finders.AppDirectoriesFinder', 'sass_processor.finders.CssFinder', ] # Django Sass 编译后css 的存放位置 SASS_PROCESSOR_ROOT = os.path.join(BASE_DIR,'static','css')
转载请注明原文链接：Django中如何使用sass的方法步骤
