2016-10-31 9 views
0

expressjsでスタイラスミドルウェアDESTおよびSRCパス..Node.jsの - 私はいくつかの「スタイラスミドルウェア」質問がある知っているが、まだ私はそれを理解していない、まだ

ので、私は.stylをコンパイルしたいのですが私は

MyApp: 
-public 
    - stylus 
    - stylesheets 
    - images 
    - javascript 
-views 
-routes 
-app.js 
-package.json 
(私はシンプルなツリーを取得するために、しばらくの間、node_modulesを削除した)ノードiは、すでに公共.. で静的なディレクトリを作成し、これが私のフォルダhirearchyある

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実行するすべてのファイル

このコードでは、ノードapp.jsを実行するたびにスタイラスミドルウェアwntが/public/stylus/style.stylのスタイルファイルをコンパイルし、コンパイルされたファイル(css)を/public/stylesheets/style.cssに配置します。

ありがとう

答えて

0
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
関連する問題

 関連する問題