Я тестирую реализацию SASS Foundation 5 с использованием Django-Bower. Я новичок в идее Бауэра, и я немного замешана в том, как правильно настроить эту настройку.
У меня установлен django-bower и настроен на правильную работу. После того, как я добавил фундамент в конфигурацию bower apps и запустил manage.py bower_install
, я вижу, что файлы фундамента действительно установлены правильно. Я также могу использовать статический тег для загрузки JS в шаблон без проблем, поэтому я чувствую, что я уже на полпути.
Моя проблема заключается в том, как на самом деле использовать файлы оснований, которые установлены с помощью моих файлов SASS, и лучший способ скомпилировать эти файлы SASS в CSS. Я знаю, что я должен включить фон в мой SASS с помощью @include "foundation"
, но я потерял, как заставить файл SASS "видеть" файлы фундамента в компонентах /bower _components/foundation/sass и как для создания компиляции, чтобы поместить css в правильный статический файл.
UPDATE:
PyCharm имеет возможность смотреть sass файлы и компилировать их, поэтому теперь у меня есть опция для компиляции файлов, но когда я пытаюсь импортировать базу, я получаю error blog3.sass (Line 1: File to import not found or unreadable: foundation.
Для справки, здесь моя файловая структура:
├── blog3
│ └── __pycache__
├── components
│ └── bower_components
│ ├── foundation
│ │ ├── css
│ │ ├── js
│ │ │ ├── foundation
│ │ │ └── vendor
│ │ └── scss
│ │ └── foundation
│ │ └── components
│ ├── jquery
│ └── modernizr
│ ├── feature-detects
│ ├── media
│ └── test
│ ├── caniuse_files
│ ├── js
│ │ └── lib
│ └── qunit
└── interface
├── migrations
│ └── __pycache__
├── __pycache__
├── sass
└── templates
└── interface
Это мои настройки .py
"""
Django settings for blog3 project.
For more information on this file, see
https://docs.djangoproject.com/en/dev/topics/settings/
For the full list of settings and their values, see
https://docs.djangoproject.com/en/dev/ref/settings/
"""
# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
import os
BASE_DIR = os.path.dirname(os.path.dirname(__file__))
# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/dev/howto/deployment/checklist/
# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = '...'
# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True
TEMPLATE_DEBUG = True
ALLOWED_HOSTS = []
# Application definition
INSTALLED_APPS = (
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'annoying',
'django_extensions',
'djangobower',
'interface',
)
MIDDLEWARE_CLASSES = (
'django.contrib.sessions.middleware.SessionMiddleware',
'django.middleware.common.CommonMiddleware',
'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.clickjacking.XFrameOptionsMiddleware',
)
ROOT_URLCONF = 'blog3.urls'
WSGI_APPLICATION = 'blog3.wsgi.application'
# Database
# https://docs.djangoproject.com/en/dev/ref/settings/#databases
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.sqlite3',
'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
}
}
# Internationalization
# https://docs.djangoproject.com/en/dev/topics/i18n/
LANGUAGE_CODE = 'en-us'
TIME_ZONE = 'UTC'
USE_I18N = True
USE_L10N = True
USE_TZ = True
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/dev/howto/static-files/
STATIC_URL = '/static/'
STATICFILES_FINDERS = (
'djangobower.finders.BowerFinder',
)
BOWER_COMPONENTS_ROOT = os.path.join(BASE_DIR, "components")
BOWER_INSTALLED_APPS = (
'jquery',
'foundation',
)