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

标签 node.js express ejs

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

我正在使用 ejs 模板引擎。我见过一个使用 connect-assetmanager 的示例,但很难理解。

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

最佳答案

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

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

express <project_name>

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

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

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

示例来自 express 3.0.0rc1

Express 建立在 Connect 之上。它的静态中间件的文档可能会有所帮助:Connect : Static

关于node.js - 如何在 Node.js 项目中包含 css 和 js 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11710995/

相关文章:

javascript - react JS : Populating a rsuite dropdown from a json object

javascript - 为 Angular 安装 Node.js - connect.static 和 karma

node.js - EJS - 包含来自与当前目录不同的目录的包含内容

html - ejs模板是如何加载到浏览器上的?前端如何与后端交互?

node.js - 有没有办法在 Mongoose 中填充投影?

node.js - 如何在 Windows 上的 package.json 内的脚本中重新创建文件夹

javascript - 使用 Next routes 捕捉所有

node.js - Express js 阻止 GET/favicon.ico

node.js - Express 3 和 EJS 中的布局

javascript - for 循环和 forEach 循环在 ejs 中不起作用