Question

我想制作一个动态页面，该页面将基于route.js文件选择必须应用的CSS。我在node.js和pug中编码此页面。我尝试了与此类似的方法。

routes.js文件

router.get("/", (req,res) => {
const indexCss = "rel='stylesheet' href='index.css' "
res.render("index"), {css:indexCss};
});

index.pug文件

head
    link(#{css})
    title Index Page

不幸的是，它没有用。我想知道如何选择带有req和body-parser的 link ，但我认为这也不行。

我认为这将非常有用，它将有可能使头部部分化，并且仅将其与指定的CSS一起包含在route.js文件中，以使代码更有条理，更短。

我没有其他想法了。有人可以指出我该怎么做，或者给我一个我可以惹的主意吗？

Answer 1

Pug不像这样处理属性插值。如果您想将包含样式表路径的变量从路由器传递到Pug，可以这样做：

routes.js

router.get('/', (req,res) => {
  const cssPath = 'index.css'
  res.render('index', { cssPath })
})

index.pug

head
  link(rel='stylesheet', href= cssPath)
  title Index Page