【问题标题】:How to include css and js files in Node.js project如何在 Node.js 项目中包含 css 和 js 文件
【发布时间】:2012-07-27 12:01:22
【问题描述】:

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

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

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

【问题讨论】:

  • 您是在编译 JS 和 CSS,还是只想提供静态 JS 和 CSS 文件?

标签: node.js express ejs


【解决方案1】:

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

如果您已使用 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

【讨论】:

  • 感谢它的工作。同样在这个过程中,我了解到 express 使用 JADE 作为默认模板引擎创建项目。如果您需要 ejs,请使用命令“express -e
  • 如果除此之外我还想通过访问mywebsite.com/subfolder 来提供一个单独的子文件夹(不在公用文件夹中)。我该怎么做?谢谢!
猜你喜欢
  • 2018-10-30
  • 1970-01-01
  • 1970-01-01
  • 2021-07-29
  • 2012-04-21
  • 1970-01-01
  • 2019-07-07
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多