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

时间:2012-07-29 16:42:55

标签: node.js express ejs

在快递项目中包含css和js文件的正确方法是什么?

我正在使用ejs模板引擎。我看过一个使用connect-assetmanager的例子,但很难遵循。

在index.ejs(而不是layout.ejs)中包含css和js的小示例项目非常有用。

1 个答案:

答案 0 :(得分:11)

静态文件可以使用快速的静态中间件提供。我通常会为从根提供的所有静态文件创建一个目录。

如果您使用npm(npm install -g express)全局安装了express,则可以在命令行中键入以下内容。

express <project_name>

这将为您创建一个小示例项目。此示例项目有一个名为public的文件夹,它从中提供静态文件。它还包含名为javascriptsstylesheets的文件夹。

用于设置此项目的示例项目的相关部分是传递给app.js的函数中文件app.configure中的以下行。

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

示例来自express 3.0.0rc1

Express基于Connect构建。它的静态中间件文档可能会有所帮助:Connect : Static