Lessc 규모 또는 대안

Question

나는 서버를 깨지 않고 덜 동적으로 CSS 파일을 생성하는 올바른 방법을 찾고 있습니다.

위젯 사용자는 색 구성표를 선택하고 위젯을 사이트에 추가합니다. 위젯로드 다음 기본 설정 (색 구성표 등) 및 prefs에서 CSS를 생성하는 방법을 찾고 있어요.

각 사용자에 대해 CSS를 생성하면로드 시간이 늘어나고 모든 것을 클라이언트 측에서 처리하려고합니다.

less.js를 포함하면 페이지 시간이 늘어날 수 있으므로 피해 주시기 바랍니다. 나는 역동적으로 CSS를 생성하기 위해 콧수염이나 핸들 바를 사용하는 것에 마음을 열었지 만 어둡고 밝게하는 등의 특정 요소가 있는데 자바 스크립트를 사용하여 생성하는 방법을 잘 모르겠습니다.

이 방법으로 CSS를 생성하는 올바른 방법은 무엇입니까? 각 사용자에 대해 올바른 방법으로 CSS를 생성하고 있는지 확인하십시오.

Answer 1

사용자 페이지를 생성 할 때 link 요소에 생성 된 파일 이름 (예 : 사용자 설정의 해시 포함)을 사용합니다. 그런 다음 CSS를 제공 할 때 서버 측에서 컴파일하고 헤더를 캐싱합니다. 이렇게하면 설정이 동일하게 유지되는 한 파일 이름은 동일하게 유지되고 브라우저는 캐시 된 버전을 사용합니다. 설정이 변경되면 파일 이름이 변경되고 캐시에 더 이상 존재하지 않으므로 서버에서 다시 컴파일합니다.