Node.js를 - 내가 어떤 '스타일러스 미들웨어'질문이 있습니다 알고 있지만 여전히 내가 그것을 파악하지 않은 아직

Question

expressjs에서 스타일러스 미들웨어의 최종 도착 및 SRC 경로 ..

은 그래서 .styl를 컴파일하고 싶습니다 모든 내가 노드가

var express = require('express'); 
var stylus = require('stylus'); 
var nib = require('nib'); 
var app = express(); 

app.set('view engine', 'jade'); 

app.use(express.static(__dirname + '/public')); 

app.use(stylus.middleware({ 
    src: __dirname + 'stylus', 
    dest: __dirname + 'stylesheets', 
    force: true, 
    compress: true 
})); 

난 이미 .. 공공 장소에서 을 정적 디렉토리를 생성 app.js 실행 파일이 내 폴더 hirearchy입니다

MyApp: 
-public 
    - stylus 
    - stylesheets 
    - images 
    - javascript 
-views 
-routes 
-app.js 
-package.json 

(나는 간단한 트리를 얻기 위해 잠시 동안 node_modules 삭제)

그래서이 코드를 사용하여 노드 app.js 스타일러스 미들웨어를 실행할 때마다 /public/stylus/style.styl에서 스타일 파일을 컴파일하고 /public/stylesheets/style.css에 컴파일 된 파일 (CSS)을 넣습니다.

감사합니다

Answer 1

var express = require("express") 
var stylus = require("stylus") 
var path = require("path") 
// var expressStylus = require("express-stylus") 

var app = express(); 

app.use("/public", express.static(path.join(__dirname,"public"))) 

// If you are using stylus use this syntax 
// stylus doesn't take on object as parameter 
app.use(stylus.middleware(path.join(__dirname, 'public'))); 


/** 
express-stylus module can take an object as a parameter 
app.use(expressStylus.middleware({ 
    src: path.join(__dirname, "public", "stylus"), 
    dest: path.join(__dirname, "public", "styleSheets"), 
    force: true, 
    compress: true 
})) 
*/ 

app.get("", function(request, response) { 
    response.render("index") 
}) 


app.listen(app.get("port"), function() { 
    console.log("The server is running on http://localhost:%s", app.get("port")) 
}) 

모든 :) 그리고이 디렉토리 구조를 사용 - 공공 - style.styl - 전망 - 노선 이 - package.json

- 을 app.js