는 ExtJS 4 통합 3.1 (자산 파이프 라인 문제)

Question

전형적인 extjs라는 예제 응용 프로그램은 다음과 같은 파일을 참조하여 extjs라는 라이브러리를 포함 이 파일을 포함하는 '레일스 3.1 방법'은 수백 가지를 언급한다는 점을 지적 했습니까? 하위 디렉토리에있는 파일의

(예 : EXT-4.0.2/자원/테마/스타일/ext4에/기본/_all.scss)

와 상대 경로가 있습니다 :

(예 : 배경 이미지가 : url ('../../resources/edeses/ images/default/shared/shadow.png'))

나는 여러 가지 요구 사항 트리를 조합 해 보았지만 그걸 이해하지 못했습니다. 작업.

내가 '제공'하는 것을 망칠 필요가 있는지 궁금하지만, 필자가 필요한 문서를 찾을 수없는 것 같습니다.

Answer 1

당신이 원하는 것은 :

이

1. 는 ExtJS는 SASS를 사용

   resources/themes/templates/resources/sass/my-ext-theme.scss 
   

   는이 작업을 얻으려면, 나는 몇 가지 어려운 방법을 배웠습니다 (레일즈도 마찬가지입니다) 및 청사진 및 나침반 CSS 키트가 포함 된 나침반을 컴파일합니다. 나침반은 레일과 함께 작동하지 않으므로 CSS 도구 키트가 포함되지 않은 보석 "나침반 레일"을 사용해야합니다. 메인 나침반 젬만이 툴킷을 가지고 있으며, 나침반 레일에 종속되어 있으므로 나침반 레일을 묶어두면 sass.load_paths 설정에 있어야합니다. 나침반 레일이없는 "나침반"보석을 포함 시키면 이상한 오류가 발생하고 해결하려고 할 때 레일 자산 파이프 라인의 전문가가됩니다!

2. ExtJS는 오래된 버전의 SASS를 사용합니다. 레일스가 사용하는 최신 버전은 모듈 내부에 정의 된 기능과 믹스 인을 좋아하지 않습니다. 이 문제를 해결하려면 오류를보고 (항상 함수 또는 mixin 정의) _functions 또는 _mixins 파일로 이동하십시오. (더 많은 정보 : getting error after ugrading to sass-3.1.8)

다음

일어나서하는 방법과 실행 :

# Set up our ExtJS SASS build environment 
config.sass.load_paths << "#{Rails.root}/vendor/assets/stylesheets" 
config.sass.load_paths << "#{Rails.root}/vendor/assets/frameworks/compass/stylesheets" 
config.sass.load_paths << "#{Rails.root}/vendor/assets/frameworks/blueprint/stylesheets" 

의 ExtJS 스타일 시트를 넣어합니다 (ext4가/:

이 설정/application.rb에이를 넣어 여기 SDK의 기본 디렉토리) :

vendor/assets/stylesheets/ext4/default/ 

는 응용 프로그램/자산/스타일 시트로 내-EXT-theme.scss를 넣어 레일과 평상시처럼 사용하십시오. 다음 코드를 호출 할 것입니다 :

@import 'ext4/default/all'; 

그러면 ExtJS 정의가 모두 생겨날 것입니다.

Answer 2

제프! my answer here을 보시면 문제가 같다고 생각합니다. 이 파일이 레일 자산 파이프 라인을 통해 컴파일하는