- r - 以节省内存的方式增长 data.frame
- ruby-on-rails - ruby/ruby on rails 内存泄漏检测
- android - 无法解析导入android.support.v7.app
- UNIX 域套接字与共享内存(映射文件)
我已经在我的 symfony 2 项目中安装了 compass。现在我想将 assetic 过滤器与 compass 结合使用。我正在使用 Windows 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's 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 过滤器 Assets 配置:
# Assetic Configuration
assetic:
debug: false
use_controller: true# default: true
filters:
sass: ~
compass:
compass:
bin: C:\Ruby21-x64\bin\compass.bat
基础.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";
最佳答案
我不想让你气馁,但是使用 Windows 和 Ruby,这是最糟糕的组合,(节点也是,具有长树子目录的 node_module,使 Windows 限制为 256 个字符,并且通过安装包)。我的观点就像将您的项目移动到与您的服务器配置类似的虚拟机的替代方法。 (VirtualBox 和 Vagrant)
Linux 对 Ruby 更友好(它支持他)并且有符号链接(symbolic link)和长路径名;
修补: https://symfony.com/doc/2.8/setup/homestead.html
也许这个旧链接也会有所帮助: How to use SCSS filter in Symfony2 under Windows?
关于php - Symfony 2 Assets 过滤器异常中的 compass ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29515006/
我目前正在与 Middleman 合作建立一个新页面,但现在 image-url 助手似乎不起作用。 在我的 config.rb 我有: #Use relative URLs activate :
我正在尝试将 compass 构建包推送到 heroku 服务器,https://github.com/stephanmelzer/heroku-buildpack-nodejs-grunt-comp
我想在一个命令中编译/观看分布在多个文件夹中的 Compass/SCSS 文件。据我所知,没有办法配置多个 SCSS 文件夹,再加上单独的 CSS 输出文件夹。 add_import_path几乎是我
我们为 compass 中的不透明度和过渡提供了出色的 mixin,但是我如何才能对不透明度进行过渡呢? @include single-transition(opacity, 1s); 上面的行在不
我需要有一个特殊的 scss 文件,该文件对于项目的每个安装都不同,所以我不想将它包含在 git 存档中。但即使此文件不存在,一切都应该有效。 有没有办法@import scss 文件只在它存在时才忽
我开始在一个地方导入共享的东西,比如变量和 mixins——css list 文件。现在我正在使用文件的直接路径导入一些 Compass mixin。 我的问题是如果使用 @import 'compa
我想使用代码 here覆盖 linear-gradient Compass 自带的功能。我怎样才能做到这一点? 我想我需要的是一种导入 linear-gradient 的方法函数,然后在本地将其重命名
我有一个 SCSS 项目,它通过 Compass 建立在 Foundation 之上。它定义了一组 sass 变量,然后根据这些变量定义了一堆规则:(我的项目有更多的变量设置和导入语句;这被简化了。)
我们使用 Jenkins 作为我们的 CI 构建服务器,每次启动构建时,都会执行 compass clean,然后执行 compass compile。我们首先执行 compass clean,因为我
我正在尝试使用 susy 网格创建一个 compass 项目。 $ compass create --using susy test No such framework: "susy" 我在 Wind
使用 compass 创建 Sprite 时,screen.css 中主 Sprite 图像的路径出错,因此我看不到图像。 我的 scss 代码是 @import "compass"; @import
我刚刚按照说明安装了 Compass & Sass here . 我在运行 compass watch 时收到以下警告首次。究竟是什么意思?我应该怎么做才能修复它,我需要做什么吗? $ (master
正如标题所说。编译时间超过 50 秒是 Not Acceptable 。那么,有没有办法,比方说:一个带有 compass 魔法的单个(部分)文件(如 Sprite mixins 等),而其余文件则带
根据 this discussion , 在炼油厂 CMS 中使用 Compass 时需要炼油厂主题插件。但是refinery-theming's page说它不再是使用它的命令。无论如何在没有主题插
出于某种原因, compass 找不到我为 Sprite 设置的这个文件夹。这就是我的目录的样子。 Project media compass sass
我在现有站点上使用 Sass,并决定在 Win7x64 上启动并运行 Compass。 Ruby、HAML、Compass 都安装正常(afaik)。 我在 c:\project 有一个元素,其中的静
我目前正在从事一个使用 Sass 来编译我的样式表的元素。然而,我发现我想在我的 CSS 中做一些三 Angular 函数,因此转向 Compass 寻求支持。 为了使用 Compass 支持的三 A
所以我们有一个标准的 Compass CSS 项目,包含 sass 和 css 目录。作为一个场景,假设 .scss 文件名为 foo-all.scss。 是否有可能通过命令行或 config.rb
如果我将 compass 用于 CSS 并使用如下函数或 mixin: @include background-image(linear-gradient(#a3cce0, #fff)); 有没
我正在尝试使用 Netbeans 的 sass 插件,我的 .scss 文件需要 compass 库。它在命令行中运行良好: compass compile 但在 Netbeans IDE 中出现以下
我是一名优秀的程序员,十分优秀!