标签：scss load sass Django django 解析 finders processor

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' %}"> 

 

 

标签：scss,load,sass,Django,django,解析,finders,processor
来源： https://www.cnblogs.com/suwhatsu/p/14965619.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。