webpack如何简单实现类似后端模板功能？

Question

在webpack中，怎么实现前端页面分离出模板，比如index.html 里面的 header 和 footer分离出来，在index.html 只需要类似include header就可以实现复用，最简单的实现应该是怎样的？

Answer 1

// 通用js静态资源+JS([ 'common/xxx/xxx.js'], 'common/xxx/xxx.js')// 通用css静态资源+CSS([ 'common/xxx/xxxx.css'], [ 'common/xxx/xxxx.css'])// jade模板中使用的静态资源img(src="aaaa/bbbb/ccc.png")
div(style="background:url(aaaa/bbbb/cccc.png)")// jade扩展的布局模板extends xxxxx.jade// jade包涵模块include xxxxx.jade