2015-01-28 3 views
1

Compass와 Assetic을 사용하는 Symfony2 프로젝트를 사용하고 있습니다.Symfony2에서 assetic 인 변수가 partials 내에서 작동하지 않습니다.

부분 파일과 나침반의 모든 가져 오기와 함께 app.scss라는 주 파일이 있는데 제대로 컴파일되지만 한 부분의 변수를 만들고 다른 부분에서 변수에 액세스하려고하면 오류가 발생합니다. 같은 :

Line 63: Undefined variable: "$row-width". 

app.scss은 다음과 같이 보일 것이다 :

@import "compass"; 
@import "settings"; //here I have my variable 
@import "foundation/bower_components/foundation/scss/normalize"; 
@import "foundation/bower_components/foundation/scss/foundation"; 

@import "fonts"; 

@import "home"; //here I try to call the same variable that gives the error 

미세한 부분 작품에서 CSS의 나머지를, 나침반이나 mixin을 제외하고, 내가 한 내부 믹스 인을 호출하려고하면 부분의 "undefined"오류가 발생합니다.

내 config.yml 그렇게 같다 :

# Assetic Configuration 
assetic: 
    debug:   "%kernel.debug%" 
    use_controller: false 
    bundles:  [ ] 
    filters: 
     cssrewrite: ~ 
     compass: 
      load_paths: 
       - '%kernel.root_dir%/../web/foundation/bower_components/foundation/scss' 
      apply_to: ".(scss|sass)$" 

그리고 마지막으로, 내 머리에 :

{% stylesheets 'scss/*' filter='compass' %} 
    <link rel="stylesheet" href="{{ asset_url }}" /> 
{% endstylesheets %} 

이 assetic 각 부분에 대해 서로 다른 파일을 만드는 것입니다, 내가 알고하지 않는 것 같다 이것은 정상적인 연습입니다, 나는 나침반을 사용하여 컴파일하는 데 익숙해졌으며 하나의 CSS 파일 만 생성합니다. 내 브라우저의 코드를 볼 때

어쨌든
18:26:36 [file+] /Users/Maggie/Sites/app/../web/css/1a73e0a.css 
18:26:41 [file+] /Users/Maggie/Sites/app/../web/css/1a73e0a_part_1__fonts_1.css 
18:26:41 [file+] /Users/Maggie/Sites/app/../web/css/1a73e0a_part_1__home_2.css 
18:26:41 [file+] /Users/Maggie/Sites/app/../web/css/1a73e0a_part_1__settings_3.css 
18:26:42 [file+] /Users/Maggie/Sites/app/../web/css/1a73e0a_part_1_app_4.css 

는,이 메인 CSS 만 호출입니다 :

<link rel="stylesheet" href="/css/1a73e0a.css" /> 

이 질문은 광산과 유사 보이지만, 대답 중 하나되지 않습니다 Basset/Assetic + SASS wont compile imports (osx)

+0

설정 파일을 게시 할 수 있습니까 – Nickolaus

+0

설정 파일은 기본 설정 파일입니다. 변수 중 하나는 $ row-width입니다. 내 질문에 진술했듯이 문제는 나침반의 믹스 인과도 발생하므로 내 부분은 서로 정보를 얻지 못합니다. 나는 나의 질문을 추가 정보로 업데이트 할 것이다. –

답변

1

글쎄, 나는 해결책 찾기 내가 현상금을 시작 권리로 :

{% stylesheets 'scss/app.scss' filter='compass' %} 
    <link rel="stylesheet" href="{{ asset_url }}" /> 
{% endstylesheets %} 

죄를 ce 나는 단지 하나의 scss를 컴파일 할 수 있습니다 (나머지는 모두 partials입니다). 필자는이 파일을 컴파일하기 만하면됩니다. import가 올바르게 작동하기 시작합니다. 그리고 선언 된 경우 변수를 모두 사용할 수 있습니다. 전에, 물론).

관련 문제