在 Stylus 和 Node.js 和 Express 中使用本地圖像是否可行？

Question

情況如下：我想在我的 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對象，而我沒有。 所以我完全不確定它有什么作用......

我在./public/css/目錄中使用我的 Stylus 文件，我寫app.use(require("stylus").middleware(path.join(__dirname, "public"))); 在我的 app.js 中。 另外，我使用 Express 3.5.1。

Answer 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 應用程序中，公共文件夾充當站點根目錄。