Css 如何设置SASS以与Django和AWS S3协作
我正在尝试将Django项目设置为使用SASS,但迄今为止未成功Css 如何设置SASS以与Django和AWS S3协作,css,django,amazon-web-services,amazon-s3,sass,Css,Django,Amazon Web Services,Amazon S3,Sass,我正在尝试将Django项目设置为使用SASS,但迄今为止未成功 我已经安装了libsass,django压缩机,以及django-sass处理器 My settings.py包括以下几行: INSTALLED_APPS = [ 'sass_processor', .... [my other apps here] ] STATICFILES_FINDERS = [ 'django.contrib.staticfiles.finders.AppDirectories
libsass
,django压缩机
,以及django-sass处理器
INSTALLED_APPS = [
'sass_processor',
.... [my other apps here]
]
STATICFILES_FINDERS = [
'django.contrib.staticfiles.finders.AppDirectoriesFinder',
'sass_processor.finders.CssFinder',
]
SASS_PROCESSOR_ROOT = os.path.join(PROJECT_ROOT, 'static/css')
AWS_ACCESS_KEY_ID = os.environ['AWS_ACCESS_KEY_ID']
AWS_SECRET_ACCESS_KEY = os.environ['AWS_SECRET_ACCESS_KEY']
AWS_STORAGE_BUCKET_NAME = 'myproj-debug' if IS_DEBUG else 'myproj'
AWS_S3_CUSTOM_DOMAIN = '%s.s3.amazonaws.com' % AWS_STORAGE_BUCKET_NAME
AWS_S3_OBJECT_PARAMETERS = {
'CacheControl': 'max-age=86400',
}
AWS_DEFAULT_ACL = 'public-read'
AWS_LOCATION = 'static'
STATICFILES_STORAGE = 'storages.backends.s3boto3.S3Boto3Storage'
DEFAULT_FILE_STORAGE = 'myproj.storage_backends.MediaStorage'
STATIC_URL = "https://%s/%s/" % (AWS_S3_CUSTOM_DOMAIN, AWS_LOCATION)
{% load sass_tags %}
<link href="{% sass_src 'app.scss' %}" rel="stylesheet" type="text/css">
INSTALLED_APPS = [
'sass_processor',
.... [my other apps here]
]
STATICFILES_FINDERS = [
'django.contrib.staticfiles.finders.AppDirectoriesFinder',
'sass_processor.finders.CssFinder',
]
SASS_PROCESSOR_ROOT = os.path.join(PROJECT_ROOT, 'static/css')
AWS_ACCESS_KEY_ID = os.environ['AWS_ACCESS_KEY_ID']
AWS_SECRET_ACCESS_KEY = os.environ['AWS_SECRET_ACCESS_KEY']
AWS_STORAGE_BUCKET_NAME = 'myproj-debug' if IS_DEBUG else 'myproj'
AWS_S3_CUSTOM_DOMAIN = '%s.s3.amazonaws.com' % AWS_STORAGE_BUCKET_NAME
AWS_S3_OBJECT_PARAMETERS = {
'CacheControl': 'max-age=86400',
}
AWS_DEFAULT_ACL = 'public-read'
AWS_LOCATION = 'static'
STATICFILES_STORAGE = 'storages.backends.s3boto3.S3Boto3Storage'
DEFAULT_FILE_STORAGE = 'myproj.storage_backends.MediaStorage'
STATIC_URL = "https://%s/%s/" % (AWS_S3_CUSTOM_DOMAIN, AWS_LOCATION)
{% load sass_tags %}
<link href="{% sass_src 'app.scss' %}" rel="stylesheet" type="text/css">
{%load sass_tags%}
/manage.py run server
运行调试Django服务器时,处理器似乎发现我的app.scss
文件正常,因为当我将其移动到其他位置时,会出现错误。但是编译的app.css
文件放在哪里
我在我的页面源代码中看到,{%sass\u src
行变为
,但没有显示任何文件。(实际上我希望将其放置在https://myproj-debug.s3.amazonaws.com/static/css/app.css
但那是另一回事。)
如何让app.css
像它应该的那样编译并显示在我的AWS S3 bucket中