How to render html and javascript from express?

Question

I have a very simple express app that has two routes, one that should render html, and one that should render a javascript file. Ideally, I'd like to have each in different folders, a ./views folder for html and an ./assets/javascripts folder for js. I'm wondering the best way to do this? Here is what I have so far:

var express = require('express')
  , app     = express()
  , fs      = require('fs')

['html', 'js'].forEach(function(extension) {
  app.engine(extension, function(filePath, options, callback) {
    fs.readFile(filePath, function(err, content) {
      if (err) throw new Error(err)
      return callback(null, content.toString())
    })
  })
})

app.set('views', './views')
app.set('view engine', 'html')

app.get('/', function(req, res) {
  res.render('index')
})

app.listen(3000)

Do I need to be doing this? Where can I find more information?

where is your second route??? And you don't need to have routes for static javascript files!!! — Faiz Ahmed
– Faiz Ahmed, Commented Oct 18, 2014 at 13:20

Faiz Ahmed · Accepted Answer · 2014-10-18 13:30:11Z

1

If you are just trying to make routes that respond to a static file. Use:

app.get('/', function(req, res) {
    res.sendFile(__dirname + '/path-to/your/static-file');
});

If you just want to set assets for your project. You should do:

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

And then use a dedicated public directory for your assets.

(If this wasn't the answer you were looking for ask me in comments what you want!)

answered Oct 18, 2014 at 13:30

Faiz Ahmed

1,1031 gold badge8 silver badges16 bronze badges

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

Comments

graemeboy · Accepted Answer · 2014-10-18 13:30:27Z

1

For static JavaScript files, you just need to set your public assets folder, as such:

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

I suggest you read the API documentation further: http://expressjs.com/api.html

answered Oct 18, 2014 at 13:30

graemeboy

6205 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to render html and javascript from express?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related