Я установил компас в моем проекте symfony 2. Теперь я хочу использовать assetic фильтр в сочетании с компасом. Я использую окна 7.
Я думаю, что он почти работает, но я все еще получаю эту ошибку:
[Assetic\Exception\FilterException]
An error occurred while running:
"C:\Ruby21-x64\bin\ruby.EXE" "C:\Ruby21-x64\bin\compass.BAT" "compile" "C:\
Users\tommie\AppData\Local\Temp" "--boring" "--config" "C:\Users\tommie\App
Data\Local\Temp\ass4325.tmp" "--sass-dir" "" "--css-dir" "" "C:/Users/tommi
e/AppData/Local/Temp/ass4326.tmp.scss"
Error Output:
C:/Ruby21-x64/bin/compass.BAT:1: syntax error, unexpected tCONSTANT, expect
ing end-of-input
Мой код в html (twig): stylesheets.html.twig
{% stylesheets filter="compass" output='css/compiled/*.css'
"@AcmeSassDemoBundle/Resources/assets/css/base.scss"
%}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
base.html.twig:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{% block title %}Sass Demo!{% endblock %}</title>
{#{% block stylesheets %}{% endblock %} #}
{% include "AcmeSassDemoBundle:Demo:stylesheets.html.twig" %}
<link rel="shortcut icon" href="{{ asset('favicon.ico') }}" />
</head>
<body>
<div id="header">
{% block header %}
<h1>Sass Demo</h1>
<div class="logo">this container is half as big as the sass.gif dimension</div>
{% endblock %}
</div>
<div id="menu">
<ul>
<li class="add"><a href="#">add something</a></li>
<li class="edit"><a href="#">edit something</a></li>
<li class="delete"><a href="#">delete something</a></li>
</ul>
</div>
<div id="content">
{% block body %}hello sass!{% endblock %}
</div>
<div id="footer">
{% block footer %}awesome footer goes here ...{% endblock %}
</div>
{% block javascripts %}{% endblock %}</
</body>
index.html.twig:
{% extends 'AcmeSassDemoBundle:Demo:base.html.twig' %}
{% block body %}
<div class="content">
hello world
<div class="sub">
This text should be in green ...
<div class="sub">
... and this one in blue!
</div>
</div>
моя конфигурация конфигурации config.yml фильтра:
# Assetic Configuration
assetic:
debug: false
use_controller: true# default: true
filters:
sass: ~
compass:
compass:
bin: C:\Ruby21-x64\bin\compass.bat
base.scss
$main-background-color: #FFF;
$main-color: #FFF;
$light-color: #759E1A;
$link-color: #0088CC;
body {
background-color: #CCC;
}
@mixin rounded($side, $radius: 10px) {
border-radius: $radius;
border-#{$side}-radius: $radius;
-moz-border-radius-#{$side}: $radius;
-webkit-border-#{$side}-radius: $radius;
}
@import "header.scss";
@import "menu.scss";
@import "content.scss";
@import "footer.scss";
