在Express项目中正确地包含CSS和JS文件的方式是什么?
我正在使用ejs模板引擎。我看到过一个使用connect-assetmanager的示例,但是很难理解。
一个包含在index.ejs(而不是layout.ejs)中的CSS和JS的小型示例项目将非常有用。
可以使用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