렌더링 이벤트 후 LessCSS

스타일 시트 생성을 위해 LessCSS를 사용하여 웹 사이트를 개발 중입니다. 제 동료가 개미 작업 (Ant + Rhino + Less) 또는 NodeJS에 대한 지식이 거의 없으므로 CSS와 LessCSS간에 교환 할 수있는 시스템을 구축하여 클라이언트 측 라이브러리를 통해 스타일 시트를 렌더링했습니다.렌더링 이벤트 후 LessCSS

계산 된 레이아웃 (예 : Masonry)에 의존하는 외부 라이브러리를 통합해야 할 때 문제가 발생하며 스타일 시트가 컴파일 될 때까지 기다리지 않아 그래픽 결과가 올바르지 않습니다.

Less가 Css를 컴파일하고 나올 때마다 발생하는 이벤트가 있는지 이해하려고합니다 (jQuery의 $(document).ready()에 해당). 내가 의지 할 수 있는게있어? 어떤 조언을 주셔서 감사합니다.

출처

2013-08-06 Minkiele

프로덕션으로 나가려면 CSS에 LESS를 사전 컴파일해야합니다. 또한 dev 시스템에서 작업 할 때 파일 저장에 대한 LESS를 자동으로 컴파일하는 감시자 또는 시스템을 사용할 수 있습니다. – m90

예, 동료들에게 NodeJS를 강제 설치하고 싶지는 않았습니다. 그들은 [Crunch] (http://crunchapp.net/)를 발견 했으므로이 문제를 해결했습니다. – Minkiele

잘못된 것이 아니라면 Async 옵션을 true로 설정하여 (다른 외부 라이브러리보다 먼저) LESS 스크립트를로드 할 수 있습니다.

또는 LESS에 콜백 기능이있는 경우 여기에 외부 lib 호출을 배치 할 수 있습니다.

출처

2013-08-06 14:21:35 viarnes

나는이 문제를 일으키는 비동기 옵션이라고 생각한다. 왜냐하면 적은 CSS 스타일 시트가 문서 준비 이벤트 (이미이 옵션을 사용하고 있었을 때)를 작성한 후 looooooong으로 컴파일되기 때문이다. 나는 다음 월요일에 비동기 옵션없이 시도 할 것이다. – Minkiele

렌더링 이벤트 후 LessCSS

답변

관련 문제