Question

我似乎无法将项目中的手写笔文件编译成css文件，以便与jade文件一起使用。 jade文件的内容正在显示给浏览器，但它的格式不是.styl文件中指定的格式。

我认为这与我正在使用的路径有关。我对'/ public'感到困惑，那应该是我在项目树中实际创建的目录，还是只是当前位置的占位符或者类似的东西？

以下是我要求的模块：

var express = require('express'),
    connect = require('connect'),
    account = require('./account'),
    stylus = require('stylus'),
    nib = require('nib'),
    http = require('http'),
    path = require('path');
var app = express();

以下是我的配置代码：

function compile(str, path) {
    return stylus(str)
        .set('filename', path)
        .use(nib())
}

app.configure('development', function(){
    app.set('port', process.env.PORT || 8888);
    app.set('views', __dirname + '/views');
    app.set('view engine', 'jade');
    app.use(express.favicon());
    app.use(express.logger('dev'));
    app.use(express.bodyParser());
    app.use(express.methodOverride());
    app.use(app.router);
    app.use(express.static(path.join(__dirname, 'public')));
    app.use(express.bodyParser());
    app.use(express.cookieParser('1234567890QWERTY'));
    app.use(express.session({secret: '1234567890QWERTY'}));
    app.use(express.errorHandler());
    app.use(stylus.middleware({
            src: __dirname + '/public',
            dest: __dirname + "/css",
            compile: compile
        }
    ));
});

以下是我的经纪人：

app.get('/', function(req, res) {
      res.render('index',{title: 'Home'});
});

我的目录树当前在项目根目录下有我的脚本文件，然后样式表，视图，css和node_modules目录都在root下。没有“公共”目录。

Answer 1

app.use(stylus.middleware({
        dest: __dirname + '/public',
        src: __dirname + "/css",
        compile: compile
    }
))

目的地应该在公共目录中。并且你的src包含你的.styl文件

Answer 2

答案是在我调用app.use（express.static（））命令的地方，它需要在代码之后才能使用手写笔中间件。我发现这篇文章有助于解决我的问题：

[1]：文章http://www.quietless.com/kitchen/why-isnt-stylus-compiling-my-css/

res.render（）之后，手写笔未应用于我的jade文件

2 个答案: