1

我似乎无法将项目中的 stylus 文件编译成 css 文件以与玉文件一起使用。翡翠文件的内容正在向浏览器显示,但没有按照 .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 目录也都在根目录下。没有“公共”目录。

4

2 回答 2

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

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

于 2013-10-02T14:10:18.067 回答
1

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

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

于 2013-10-02T15:09:52.240 回答