向各位大大求助:Jade模版中引入css文件
发布于 2年前 作者 whedge 2316 次浏览

这个问题我是在看《Node.js入门经典》的时候遇到的。

一开始我使用的代码如下: link(rel=’stylesheet’, href=’http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css’) 这样引入css文件,可以正常显示css效果。

后来,我尝试使用引入本地css文件,代码如下: link(rel=’stylesheet’, href=’bootstrap.css’) 备注:为了方便测试,这里我将css文件和引入它的jade模版放在一个文件夹下的。 这时候,该css效果无法显示。

折腾了一下午还是没想明白,只好到社区向各位大大求助了,万分感谢~~~

5 回复

chrome/firefox 开console看什么错

css文件放到public目录下,在view下的默认是经过渲染才能访问的模版文件。

app.set('views’, __dirname + ‘/views’); app.use(express.static(path.join(__dirname, ‘public’)));

这两句一句是模版路径一句是静态文件路径

多谢! 不仅告诉了我怎么做,还告诉了我为什么。 握个爪,哈哈~

您这么一提醒,我倒是想起来了。这书一开始讲目录结构的时候就提过所有静态文件应该放在public文件夹下。是我粗心了惭愧~再次感谢~~~

@whedge 客气客气~一起学习

回到顶部