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

Question

在Express项目中正确地包含CSS和JS文件的方式是什么？

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

一个包含在index.ejs（而不是layout.ejs）中的CSS和JS的小型示例项目将非常有用。

- Vinoth

---

你是同时编译JS和CSS，还是只想提供静态的JS和CSS文件？ - redhotvengeance

Answer 1

可以使用Express的静态中间件来提供静态文件。通常我会在根目录下创建一个目录来存放静态文件。

如果你已经通过npm全局安装了Express（npm install -g express），你可以在命令行中输入以下内容：

express <project_name>

这将为您创建一个小的示例项目。该示例项目具有名为public的文件夹，从中提供静态文件。它还包含名为javascripts和stylesheets的文件夹。

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

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

示例来自 express 3.0.0rc1。

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

- Waylon Flinn

---

谢谢，它起作用了。在这个过程中，我还学到了Express使用JADE作为默认的模板引擎创建项目。如果你需要使用ejs，请使用命令“express -e <project-name>”。 - Vinoth

如果我还想通过访问http://mywebsite.com/subfolder来提供一个单独的子文件夹（不在公共文件夹中），我该怎么做？谢谢！ - kakacii