关于前端模板引擎？

Question

模板引擎可大大简化前端数据的渲染，那么从性能上来讲模板引擎和原生通过循环拼接字符串相比谁更高一点呢？目前有什么好的轻量级的模板引擎吗？

Answer 1

那么从性能上来讲模板引擎和原生通过循环拼接字符串相比谁更高一点呢？

一样的。

目前有什么好的轻量级的模板引擎吗？

nunjucks https://mozilla.github.io/nun...

另外， Angular， React ，这些几乎都用不着再引入模板。

Answer 2

模板引擎解析后跟字符串拼接是一样的，如果动态解析性能会弱一点，mustache是比较轻量的

Answer 3

从原理上说，模板引擎需要支持比较复杂的语法，处理速度会慢一点；但有的模板引擎有类似于编译的技术，将模板解析结果转化为javascript代码，性能应该和直接拼写字符串差距非常小了。

所以说如果不是页面有几千行的场景，模板引擎的性能根本就不用太关注。
以前用过artTemplate，感觉还比较方便，网上资料也很多，可以自己做个性能的测试比较。

Answer 4

用了模板引擎当然慢一点，但是差距不大，跟他带来的益处相比不值一提。

很easy的页面没必要用模板，但是代码量大的就要使用到了，他会大大解放你的劳动力，后期维护拓展也更好些。

用过的模板有pug，artTemplate，ejs。

如果是长期使用的话，建议pug，业务逻辑一清二楚。

Answer 5

现在的前端框架渲染数据的方法就类似之前的模板引擎，不用再引入了 ，后端node的话用pug，ejs，好多种引擎前些年用现在用了这些前端框架 基本就不用了 vue的{{}} 就是mustache 的语法

Answer 6

http://olado.github.io/doT/in...

Answer 7

art-template 文档

Answer 8

art-template 吧，我现阶段唯一用过的模板引擎，挺好用的，主要是理解起来没啥难度

Answer 9

如果要算轻量，gulp-fileinclude不知道算吗，我目前在用，虽然很轻量，但是不太喜欢他的语法，打算换其他的，感觉抽离的程度还不够高

---

搭车求问，我目前用gulp构建了一个自动化前端环境，其主要的项目类型都是静态的页面，所以模版这块想让gulp进行一个预编译，最后获得的文件都是完整的普通静态HTML，在这种需求下，什么模版引擎比较适合。主要我想要的有，循环渲染，按需渲染，填充数据，include，并且最好能在VSCODE下有格式化插件

谢谢各位