Question

您好我正在尝试使用django-compressor的预编译器将基础scss集成到django中，该项目看起来像这样：

├── manage.py
├── requirements.txt
├── static
│   ├── config.rb
│   ├── humans.txt
│   ├── index.html
│   ├── javascripts
│   │   ├── foundation
│   │   │   ├── foundation.alerts.js
│   │   │   ├── foundation.clearing.js
│   │   │   ├── foundation.cookie.js
│   │   │   ├── foundation.dropdown.js
│   │   │   ├── foundation.forms.js
│   │   │   ├── foundation.joyride.js
│   │   │   ├── foundation.js
│   │   │   ├── foundation.magellan.js
│   │   │   ├── foundation.orbit.js
│   │   │   ├── foundation.placeholder.js
│   │   │   ├── foundation.reveal.js
│   │   │   ├── foundation.section.js
│   │   │   ├── foundation.tooltips.js
│   │   │   └── foundation.topbar.js
│   │   └── vendor
│   │       ├── custom.modernizr.js
│   │       ├── jquery.js
│   │       └── zepto.js
│   ├── MIT-LICENSE.txt
│   ├── robots.txt
│   ├── sass
│   │   ├── app.scss
│   │   ├── normalize.scss
│   │   └── _settings.scss
│   └── stylesheets
│       ├── app.css
│       └── normalize.css
├── templates
│   ├── 404.html
│   ├── 500.html
│   ├── admin
│   │   └── base_site.html
│   └── base.html
└── weddings
    ├── __init__.py
    ├── __init__.pyc
    ├── local_settings.py
    ├── local_settings.pyc
    ├── settings.py
    ├── settings.pyc
    ├── urls.py
    ├── urls.pyc
    └── wsgi.py

并且预编译器在settings.py

中看起来像这样

COMPRESS_PRECOMPILERS = (
    ('text/x-scss', 'sass --scss --compass {infile} {outfile}'),
)

当我使用nginx + uwsgi运行它时，我收到以下错误：

Syntax error: File to import not found or unreadable: foundation/foundation-global.
              Load paths:
                /etc/uwsgi/vassals
                /etc/uwsgi/vassals/sass
                /srv/www/weddings/gems/compass-0.12.2/frameworks/blueprint/stylesheets
                /srv/www/weddings/gems/compass-0.12.2/frameworks/compass/stylesheets
                Compass::SpriteImporter
                /srv/www/weddings/gems/bourbon-3.1.1/app/assets/stylesheets
                /srv/www/weddings/gems/bourbon-3.1.1/app/assets/stylesheets
        on line 2 of /srv/www/weddings/weddings/static/sass/_settings.scss
        from line 2 of /srv/www/weddings/weddings/static/sass/app.scss
  Use --trace for backtrace.

我怀疑它没有读取config.rb或config.rb中的设置错误：

http_path = "/"
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"

Answer 1

如果你有一个config.rb文件，你就有一个Compass项目。

Compass项目应该使用compass命令行工具编译，而不是sass命令行工具。

正如您已经发现的那样，应该从项目文件夹中启动编译。但是将路径硬编码到settings.py中是一个坏主意，因为它会使您的项目无法移植。

您应该使用os.path.dirname(os.path.realpath(__file__))来发现当前脚本的路径，而不是硬编码路径。要更改相对于settings.py的文件夹，请像这样使用os.path.join()（根据需要进行调整，您可以使用..）：

os.path.join(os.path.dirname(os.path.realpath(__file__)), "static")

此外，您PROJECT_DIR可能已经有settings.py var。用它来使这条线更清洁。

Answer 2

@James Lin的一点改进

COMPRESS_PRECOMPILERS = (
    # ('text/x-scss', 'django_libsass.SassCompiler'),
    # ('text/x-scss', 'sass --scss {infile} {outfile}'),
    ('text/x-scss', 'sass --scss --compass {infile} {outfile}'),
)

Answer 3

我目前的工作是在ocnfig.rb所在的文件夹中运行sass命令

COMPRESS_PRECOMPILERS = (
    ('text/x-scss', 'cd /srv/www/project/name/static && sass --scss --compass {infile} {outfile}'),
)

django，压缩机和基础scss

3 个答案: