如何在 ejs 文件中使用路径? - Javascript

在使用 ejs 模板引擎时，我们经常需要引用其他文件或资源，例如 CSS 或 JavaScript 文件。在这种情况下，使用路径是必不可少的。本文将介绍如何在 ejs 文件中使用路径。

引用样式表和脚本

要在 ejs 文件中引用 CSS 或 JavaScript 文件，我们可以使用以下方式：

引用样式表

<link rel="stylesheet" href="/css/style.css">

其中 /css/style.css 是样式表文件的路径。以 / 开头表示根路径，这意味着我们需要在项目文件夹中创建一个名为 css 的文件夹，并将 style.css 文件放在其中。

引用脚本

<script src="/js/script.js"></script>

同样，/js/script.js 是脚本文件的路径。在项目文件夹中创建一个名为 js 的文件夹，并将 script.js 文件放在其中。

引用图片

要在 ejs 文件中引用图片，可以使用以下方式：

<img src="/img/image.jpg" alt="Image">

同样，/img/image.jpg 是图片的路径。在项目文件夹中创建一个名为 img 的文件夹，并将 image.jpg 文件放在其中。

使用相对路径

除了使用绝对路径之外，我们还可以使用相对路径。例如，我们可以使用以下方式引用样式表：

<link rel="stylesheet" href="../css/style.css">

在这种情况下，../ 表示上一级目录。这意味着我们需要在当前文件夹的上一级目录中创建一个名为 css 的文件夹，并将 style.css 文件放在其中。

同样，我们也可以使用相对路径引用其他文件或资源。

结论

以上是在 ejs 文件中使用路径的介绍。了解如何正确使用路径是非常重要的，因为它可以确保我们能够正确引用文件或资源。希望这篇文章对你有所帮助！