在手写笔和节点中使用本地图像是否可行.js和快速

Is it feasible to use a local image in Stylus and Node.js and Express?

本文关键字：是否 图像 js 节点 手写笔 地图      更新时间：2023-09-26

情况如下：我想在我的 Web 应用程序中使用图像，在我的 Stylus 文件 ( style.styl 中，我可以使用以下代码来设置图像：

.background
    background: url(http://path/to/image)

但是，将图像保存到我的本地应用程序目录并从目录中使用它是否可行？

我的目录结构如下所示：

app.js
package.json
public
    css
        style.styl
    js
    images
        image.png
views
routes

我想使用style.styl文件中的图像，然后当有人访问我的应用程序中的特定路由时，会在我的应用程序中解析和使用图像。

但是，以下代码根本不起作用：

.background
    background: url(../images/image.png)

以下代码也不起作用

.background
    background: url(./public/images/image.png)

那么，如何从本地目录中使用应用程序中的图像呢？

我得到了这个页面，但我根本无法理解那里的所有内容。特别是，我应该在页面上的什么地方编写代码？看起来它不是用style.styl写的，据我所知，这只是一个手写笔文件，而不是一个JavaScript文件。另外，我应该在回调函数中写什么？

当我在app.js中编写上述代码时，我得到了一个错误：str is not defined，因为stylus(str)意味着我定义了一个str对象，而我没有。所以我根本不确定它有什么作用...

我在目录中使用我的 Stylus 文件./public/css/，并在我的应用程序中编写app.use(require("stylus").middleware(path.join(__dirname, "public")));.js。另外，我使用Express 3.5.1。

这可能会有所帮助(来自 http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7c44a.html - 请不要使用 dreamweaver(：

有三种类型的链接路径：

Absolute paths (such as http://www.adobe.com/support/dreamweaver/contents.html).
Document-relative paths (such as dreamweaver/contents.html).
Site root–relative paths (such as /support/dreamweaver/contents.html).

在 Express 中.js公用文件夹充当站点根目录。

相关文章：