최근에 Sencha Touch 2.0 을 이용한 web app 개발을 진행하고 있다.
그러다 개인적으로는 제일 취약한 부분중 하나인 CSS 를 봐야 하는 상황에 놓였는데, 그러다 보니, SASS 를 보게 되었다.
scss 파일을 css 파일로 컴파일 & 압축 생성해 주는데, 간단하게 compass compile 을 통해 (config.rb 파일을 불러들여서) 실행이 된다.
그런데 자꾸 에러가 발생해서
import not found or unreadable: sencha-touch/default/all.구글링 했더니
stackoverflow 에서 해답 (http://stackoverflow.com/questions/9052900/compass-compile-sencha-error) 을 얻을 수 있었다. 문제는 아주 단순한 곳에 있었다ㅋ
기본적으로 compass compile 을 실행하기 위해 scss 와 같은 경로에 있는 config.rb 파일을 로딩하게 되어 있는데, 여기에 기본적으로 적혀있는 센차터치 프레임워크의 경로 위치가 잘못 되어 있었기 때문이다. (환경설정은 디폴트 세팅이 되어 있으나, 내가 만든 앱의 경로는 센차터치 프레임워크가 위치한 곳과 차이가 있으니까)
정리하면, 경로만 맞춰주면 끝난다.
# Load the sencha-touch framework automatically.
load File.join(dir, ‘..’, ‘..’, ‘..’, ‘..’, ‘sencha-touch-2.0.0-gpl’, ‘resources’, ‘themes’)
loadFile 해올 때, 현재 scss 가 위치한 경로를 기준으로 센차터치의 위치를 잡아주면 된다. 각자 놓아둔 앱 경로의 위치에 따라 조금씩 다르게 수정하면 될 것 같다.
별것 아닌 것 같은데, 꽤 삽질했다 -_-; 다행히 기존에 누군가의 삽질이 있었기에 도움을 받았다. ^^ 감사~!
stackoverflow : sass – compass compile sencha error (링크는 여기로)
rkJun's Blog 