neolicd neolicd - 1 year ago 191
CSS Question

express: how to send html together with css using sendFile?

var app = require('express')();

app.get('/', function(req, res) {
res.sendFile(__dirname + "/" + "index.html");

<link rel="stylesheet" href="style.css">

I used the above node.js code to send a html file. To get the html file formatted I need to send another css file(style.css).

My question is: how can I send both of these two files(index.html and style.css) using sendFile() and integrate them together in the client side?

Answer Source

The browser should load style.css on its own, so you can serve that as a route:

app.get('/style.css', function(req, res) {
  res.sendFile(__dirname + "/" + "style.css");

However, this would get very cumbersome very quickly as you add more files. Express provides a built in way to serve static files:

const express = require("express");
const app = express();

Keep in mind that if index.html is in the same directory as your server code you will also serve the server code as static files which is undesirable.

Instead you should move index.html, your css, images, scripts, etc. to a subdirectory such as one named public and use:


If you do this, Express will serve index.html automatically and you can remove your app.get("/" as well.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download