How can I serve external css/js files to html files displayed by a NodeJS app?

Question

I would like to serve html files at given URLs using only NodeJS, or a very lightweight and flexible other way. I've been able to serve those html pages using Express but there are things I don't like (the fact we must use a public folder and all the dependencies), and the external css/js just don't load.

I use something in the server.js file like :

app.get('/', function() { app.sendFile('index.html')});

And in the index.html file :

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

All the files are in the same folder.

Andrei Karpuszonak · Accepted Answer · 2016-03-12 22:45:08Z

1

In express you could you static middleware.

In the example below you define public directory to store it.

app.use(express.static(__dirname + '/public'));

Now you can put your style.css to this folder and it will be served as a static content.

More about middleware: http://expressjs.com/en/guide/using-middleware.html

answered Mar 12, 2016 at 22:45

Andrei Karpuszonak

9,0432 gold badges41 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I serve external css/js files to html files displayed by a NodeJS app?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related