javascript - Is there a way to keep the file extension of ejs file as .html? - Stack Overflow

admin管理员组

文章数量:1406312

I am developing an expressjs app using ejs templating engine. But i want to use keep the extension of ejs file like home.html instead of using home.ejs. The reason for this i am using visual studio for development and visual studio doesn't support ejs file. so code hinting formatting and highlighting doesn't work.

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


app.set("view engine", "ejs");//setting ejs view engine
app.set("views", "./views");

app.get("/", function (req, res) {
    res.render("home");
});

app.listen(3000, function () {
    console.log("Server is listening on port 3000");
})

I am developing an expressjs app using ejs templating engine. But i want to use keep the extension of ejs file like home.html instead of using home.ejs. The reason for this i am using visual studio for development and visual studio doesn't support ejs file. so code hinting formatting and highlighting doesn't work.

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


app.set("view engine", "ejs");//setting ejs view engine
app.set("views", "./views");

app.get("/", function (req, res) {
    res.render("home");
});

app.listen(3000, function () {
    console.log("Server is listening on port 3000");
})

• javascript
• node.js
• express
• ejs
• embedded-javascript

Share Improve this question Follow edited Dec 24, 2014 at 9:28 Naeem Shaikh 15.7k77 gold badges5252 silver badges9191 bronze badges asked Dec 9, 2014 at 15:54 manasmanas 6,4101010 gold badges4949 silver badges5757 bronze badges 2

• 2 Why would you do this instead of configuring Visual Studio so that it knows .ejs files should be treated as .html? It seems like this is asking the wrong question. – loganfsmyth Commented Dec 9, 2014 at 16:37
• i think @loganfsmyth is right, you need to configure your VS to acknowledge .ejs file so it's treated that file as a html. – Eko Junaidi Salam Commented May 6, 2020 at 8:05

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 2

I'm manage to solve this issue , my code similar to @homam answer, but I'll write the code more pletely

const http = require('http');
const path = require('path');
const express = require('express');
const engine = require('ejs');
const app = express();

app.engine('html', engine.__express);
app.set('views', path.join(__dirname, './views'));
app.set('view engine', 'html');

//this route will open profil.html in folder ./views
app.get('/', (req, res) => {
  //render file profil.html
  res.render('profil', {
    name: 'Danang Ponorogo'
  });
});

var server = http.createServer(app);
server.listen(3001, () => {
  console.log('Server is running at port 3001');
});

Hope it help. Thanks.

You can use app.engine(ext, callback)

Set the following up with your view engine and views settings near the top:

app.engine('html', require('ejs').renderFile);

Then when you call res.render the only difference is that you need to specify the extension:

app.get('/',function(req,res){
    res.render("home.html", { myString: "I'm a normal string!" });  
});

You'll find that <%=myString%> is handled as you would expect it to in an .ejs file.

Use app.engine('.html', require('ejs').__express); of ejs npm module:

app.engine('.html', require('ejs').__express);
app.set('view engine', 'ejs');

I had similar issue with using Visual Studio for working with ejs files. The best way, I believe is to configure Visual Studio to interpret ejs file as html by going to menu - TOOLS-->Options-->Text Editor-->FileExtension and add ejs file extension against HTML Editor. Screenshot

本文标签： javascriptIs there a way to keep the file extension of ejs file as htmlStack Overflow