如何在玉中使用CSS?

时间:2014-05-26 12:19:43

标签: css node.js pug

最后,我通过express发现它无法找到本地css文件。

然后我修复了我的代码。

我使用了链接词,但仍然无法看到css文件调用成功。

app.js

  var
    express = require('express')
  , cons = require('consolidate')
  , jade = require('jade')
  , path = require('path')

var app = express()

app.engine('jade', cons.jade)
app.use('/views',express.static(__dirname + '/views'))
app.use("/styles", express.static(__dirname + '/styles'));
app.set('view engine', 'jade')

app.use(function (req, res) {
  res.render('layout')
})

app.listen(3000);

/views/layout.jade

html
    link(rel='stylesheet', href='../styles/word.css', type='text/css')
head
  body
    p#para1 Just test css in jade. 

/styles/word.css

p
{
text-align:center;
color:red;
}

这似乎是一个愚蠢的问题,我在问题中发布了太多代码,所以感谢阅读

1 个答案:

答案 0 :(得分:0)

尝试启动服务器,运行页面,右键单击查看源,然后单击您的css链接以查看它是否实际链接到您的页面。

如果它可能不像@grobot所说的可能是目录问题。