阅读 114

Django 项目中如何 解析使用 scss

Step1. 先安装 Python Package

pip install libsass django-compressor django-sass-processor

在使用 pip install 的时候 会报以下错误

 

 

labsass 需要安裝c++ builder tools ( visual studio ) 会占有5个G左右的系统空间------- 不太建议

 

另外一种就是可以在pypi 官网 找版本比较老旧的版本, 可以直接安装, 不会出现上图的错误

 

Step2. Django 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)

 

Step3. Static add Folder

在靜態文件中添加SCSS文件夾,並新增test.scss檔,如果要使用sass則須更改副檔名。

 

Step4. Template add page 

在页面上添加 {% load sass_tags %} 

 

SCSS連接配置:( 在輸入位置時,無法帶出檔案位置是正常的 ) 

<link rel="stylesheet" rel="external nofollow" type="text/css" href="{% sass_src  ‘scss/test.scss‘ %}"> 

 

 

原文:https://www.cnblogs.com/suwhatsu/p/14965619.html

文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐