已创建views布局与分部文件夹,求解析app.js中hbs配置核心参数作用
Express中hbs模板引擎配置代码详解
这行代码是给你的Express应用注册并配置Handlebars(简称hbs)模板引擎,让Express能正确识别、渲染你创建的布局和分部模板文件。
app.engine('hbs',hbs({extname:'hbs',defaultLayout:'layout',layoutsDir:__dirname+'/views/layout/',partialsDir:__dirname+'/views/partials/'}))
下面拆解每个部分的作用:
整体结构说明
app.engine('hbs', ...):告诉Express,当遇到后缀为.hbs的模板文件时,用后面的hbs引擎来处理它。hbs({...}):调用hbs库的初始化方法,传入配置对象来定制引擎的工作方式。
核心配置参数解析
extname: 'hbs':指定模板文件的默认后缀名。设置后,你渲染模板时不用写完整的.hbs后缀,比如res.render('home')会自动去找home.hbs文件。defaultLayout: 'layout':设置全局默认的布局文件。布局用来统一页面的通用结构(比如导航、页脚),你渲染页面模板时,页面内容会自动插入到这个布局的{{{body}}}位置。这里的layout对应views/layout/layout.hbs文件。layoutsDir: __dirname+'/views/layout/':明确告诉hbs引擎,布局文件存放在你创建的views/layout文件夹里。partialsDir: __dirname+'/views/partials/':指定分部模板的存放目录,就是你创建的views/partials文件夹,这些可复用的小模板(比如组件、侧边栏)可以通过{{> 分部文件名}}在其他模板里引入。
内容的提问来源于stack exchange,提问作者nihal muhammed
相关产品推荐
相关产品推荐

