如何在Node.js項目中包含css和js文件

在express項目中包含css和js文件的正確方法是什麼？如何在Node.js項目中包含css和js文件

我正在使用ejs模板引擎。我看到一個使用connect-assetmanager的例子，但很難跟蹤。

在index.ejs（而不是layout.ejs）中包含css和js的小示例項目將非常有用。

2012-07-29 Vinoth

你還在編譯JS和CSS，或者你只是想要提供靜態JS和CSS文件？ – redhotvengeance 2012-07-29 18:31:14

靜態文件可以用快速'靜態中間件。我通常會爲根目錄提供所有靜態文件的目錄。

如果您已經使用npm（npm install -g express）全局安裝express，則可以在命令行鍵入以下內容。

express <project_name>

這將爲您創建一個小例子項目。這個示例項目有一個名爲public的文件夾，從該文件夾提供靜態文件。它還包含名爲javascripts和stylesheets的文件夾。

設置此項的示例項目的相關部分是app.js中傳遞給app.configure的函數中的以下行。

app.use(express.static(path.join(__dirname, 'public')));

例子與快遞3.0.0rc1

快是建立在連接。它的靜態中間件的文檔可能會有所幫助：Connect : Static

2012-07-29 18:32:52

感謝它的工作。同樣在這個過程中，我瞭解到express使用JADE作爲默認模板引擎創建項目。如果您需要ejs，請使用命令「express -e 」 – Vinoth 2012-07-30 04:32:11

如果在此之上，我還想通過訪問http://mywebsite.com/subfolder來提供單獨的子文件夾（不在公用文件夾中）。我該怎麼做？謝謝！ – kakacii 2013-08-01 08:04:47

回答