.string 변경 대신 .css를 한 번 컴파일하도록 Stylus를 구성 할 수 있습니까?

Question

.styl 변경시마다 .css를 다시 컴파일하면 매우 편리합니다. 그러나 제작 과정에서 우리는 모든 요청에 ​​따라 리소스를 소비하고 싶지 않습니다. 우리는 앱 시작시 한 번 컴파일하고 싶습니다.

이 방식으로 스타일러스를 구성 할 수 있습니까?

Answer 1

SocketStream에는 css, js 및 템플릿 파일을 프로덕션 모드로 미리 컴파일하는 것보다 자산 패커가 있습니다. 아마도 환경 변수 (개발 또는 생산)에 대한 점검 패턴을 사용하고 컴파일 된 파일 세트 또는 노드가 처음 시작될 때 수행되는 미리 채워진 자산 세트를 제공하는 것입니다 (즉, css를 컴파일 한 다음 fs 모듈을 사용하여 디스크에 기록하십시오.

다음

는 socketstream의 stylus module에서 촬영되어

stylus(input, {filename: path, paths: [dir.join('/')]}) 
    .render(function(err, css) { 
    if (err) { 
    console.log(err); 
    } 
    cb(css); 
}); 

인증 기관 방법은 컴파일 된 파일에 걸리는 fs.writeFileSync 호를 공급하는 데 사용되는 콜백이다. 따라서 결국 4 부분으로 구성됩니다.

1. 앱 시작시 환경 변수를 확인하십시오.
2. dev 모드 인 경우 지금하고있는 것처럼 파일을 제공하십시오.
3. 생산 모드 인 경우 css 파일을 미리 컴파일하고 압축 된 CSS 파일로 디렉토리에 출력하십시오.
4. 머리글 HTML의 참조를 축소 된 CSS 파일로 변경하십시오.