CSS doesn't load into my HTML code using NODE.js

Question

When i read files from node js its not reading css files.
and also I want to mention that my css files are connected to html, when I run it on it own its showing it correctly,
but when I run it from node server its just only showing html files without styles

Answer 1

const http = require('http');
const fs = require('fs');
const url = require('url');
const server = http.createServer(function(req,res){
fs.readFile( "index.html", + "css/index.css", function(err, data) {
res.writeHead(200, {'Content-Type': 'text/html'});
res.write(data);
res.end();
});
}).listen(8089);
console.log('Server is lisening on port 8089');

Answer 2

*My directory set up like this👇
css[folder]
index.css
js [folder]
index.js
index.html
server.js

Answer 3

Use express
app.js:
const express = require("express");
const app = express();
app.use(express.static("public"));
app.get('/', (req, res) => {
res.sendFile('index.html');
})
app.listen(3000, function() {
console.log("Running on port 3000.");
});
Then, put your resources (html and css) in a folder called public.
Here is a git repo demo for you:
https://github.com/gorgorgordon/node_css_demo
After cloning, run
npm install express
first to install express
before using node app.js