在没有模板引擎的情况下使用express

Question

是否可以创建一个express（节点）应用程序，而无需使用jade或ejs等模板引擎。我在大学有一个大型的最后一年项目，我将使用 node、express、socket.io、mongoDB 和 websockets。我不想给自己增加学习模板语言的负担！

快递默认使用玉石 -t, --template 添加模板支持 (jade|ejs)。默认=玉

Answer 1

是否可以创建一个快速（节点）应用程序，而不需要诸如jade或ejs之类的模板引擎

是的，是的。您可以只使用 HTML。或者直接使用 EJS。 EJS 是 HTML 的超集。

我不想给自己增加学习模板语言的负担！

您可以在一天之内学会一门模板语言。它真的会对你有帮助。去做就对了。这是值得的。

Answer 2

如果您只想避免学习另一种模板语言，您可能想尝试一下下划线模板。它们只是 javascript，无论如何你都会学习它们。

documentcloud.github.com/underscore/#template

您可以通过以下方式进行设置：

app.register('.html', {
    compile: function(str, options){
        var compiled = require('underscore').template(str);
        return function(locals) {
            return compiled(locals);
        };
    }
});

Answer 3

最简单的方法是将默认的 app.get('/')... 行替换为以下内容。
然后将所有的魔法放在index.html 中。这至少对于单页应用程序来说效果很好。

与以下

app.get('/', function(request, response) {
var readFile = "index.html";
var fileContents = fs.readFileSync(readFile);

response.send(fileContents.toString());
});

Answer 4

现在最好的选择是使用 ejs（引擎）并将其配置为接受和渲染 html：

app.set('views', path.join(*__dirname*, 'views'))
app.set('view engine', 'ejs'); // template engine
app.engine('html', require('ejs').renderFile); // turn engine to use html

注意：所有视图或模板都具有 .html 扩展名。

Answer 5

有更简单的方法可以在没有模板引擎的情况下创建视图。最基本的方法是使用 模板文字的 ES6 方法 和 res.send()，在 Express 应用中。这样，您可以根据用例注入静态模板或动态模板。

静态模板

app.get('/', (req, res, next) => {
  const template = `
   <div>Hello World</div>
  `;
  res.send(template);
});

动态模板

从字面上看，使用模板文字和不同的路由，您可以根据页面的独特需求使用动态创建的模板注入和样式来创建默认模板。您还可以模块化您的应用程序以实现代码可重用性。

欲了解更多信息，请访问：
源代码 |
演示

PS：通过这种方式，您的应用程序所需的依赖项会减少[上面的 POC只有 2 个依赖项，即：Nodemon 和 Express]，因此降低了破坏更改的风险并经过了时间测试的应用程序。不需要 EJS 或任何其他模板引擎，不需要公共文件夹，并且技术上不需要 HTML5 和 CSS 文件。这就是 JavaScript 的美妙之处。