CSS를 Express.js로 동적으로 렌더링 할 수 있습니까?

Question

각 요청마다 즉시 생성되는 CSS를 렌더링하고 싶습니다. 내가 일치하는 요청을받을 때

/clients/:clientId/style.css 

, 내 저장소에서 클라이언트를보고 자신의 텍스트 색상을 꺼내하려는 :

예를 들어, Express.js에 나는 경로를 가지고있다. 그런 다음이 색상을 CSS 응답에 푸시합니다.

less/stylus로 구문 분석 할 수있는 텍스트 파일 (예 : style.less)을 렌더링 할 수있는 템플릿 엔진이 있습니까?

어떤 아이디어, 대안 전략이 있습니까? CSS를, 당신은 단지 페이지 하단에 추가 할 수의 경우

건배, 고든

Answer 1

를 데리러 및 렌더링 당신의 천국하는 경우 이 사실을 깨닫지 못했습니다. 생각해 보니 스타일러스에서 define(name, function)과 define(name, variable)을 사용하고 CSS에서는 provide dynamic content을 사용할 수 있습니다. ; 스타일러스는 CSS와 옥 (또는 당신의 선택의 view_engine)를 처리 할 나머지 부분을 처리 -

당신은 Express를 사용하고 ./node_modules/express/bin/express -t jade -c styluscreate a skeleton site에 명령을 호출 할 가정하면, 그것은 템플릿 엔진의주의를 기울여야한다 view_engine이 여기에서 중요한지는 모르겠다. (스타일 태그의 데이터 보간을 막는 것에 대한 당신의 의견을 설명 할 수 있겠는가?)

html 페이지에 직접 스타일 태그를 삽입하고있는 것일까 요? 자체 템플릿 파일로 압축을 풀어서 스타일러스에 가져다 놓으십시오. 사용자의 특정 요구에 따라, this SO post may have an alternative strategy처럼

app.use stylus.middleware({ 
    force: true 
    src: "#{__dirname}/views" 
    dest: "#{__dirname}/public/css" 
    compress: true 
    }) 

것 같습니다 : 당신이 수동으로 설정하려면

, 당신은 app.configure()의 내부에 뭔가를해야합니다.

희망 사항 : 완벽한 해결책이 아니라면 몇 가지 아이디어가 있습니다. :)

Answer 2

, 브라우저는 페이지

jQuery include css