在express/jade文件中设置JS和CSS路径的正确方法是什么?

What is the right way to set JS and CSS paths in express/jade file?

本文关键字：路径 方法 是什么 CSS jade express 文件 JS 设置      更新时间：2023-09-26

我正在尝试使用Mongo, NodeJS, Express和Sequelize创建我的第一个应用程序。如果我使用link(rel='stylesheet', href='http://localhost:3000/css/style.min.css')，一切都很好，但是，这是正确的方式吗?

如何获得应用程序路径(或类似的东西)在布局和视图文件中使用?

在你的主文件(可能是app.js)中，你需要设置你的公共目录-我通常将该目录命名为"public "，你应该把它放在应用程序的根目录中。下面是这样做的代码:

app.use(express.static('public'));

然后，为你的css文件夹服务，你可以把它放在公共目录下，并使用/css/style.min.css路径。

为你的jade文件，在应用的根目录下创建一个名为views的文件夹。然后，将其添加到app.js中。

app.set('views', __dirname + '/views');

把你所有的翡翠文件都放进去。现在，如果你想在index.jade中使用layout.jade，你可以使用布局的相对于视图目录的路径来引用它，例如:

extends layout
block content
  h1 stuff here

请使用绝对路径，以免包含服务器名称

link(rel='stylesheet', href='/css/style.min.css')
相关文章：