静态html模板有什么组件化开发方案？

Question

传统直接写静态html页面比较麻烦，有没有什么方案或框架可以像开发Vue之类组件化的SPA应用方式，最后打包生成静态HTML页面文件供后端使用。理想是这样的

A.html

<div>a</div>
<B></B>

B.html

<div>bbb</div>

dist.html(最终通过webpack打包输出的文件)

<div>a</div>
<div>bbb</div>

非常感谢

Answer 1

基本上比较成熟的模版引擎都有 include 功能，比如 pug、handlebars。

我以前写过一篇教程：使用 Webpack 开发多页面站点，应该能满足你的要求。

Answer 2

我姑且认为题主认为的静态html指的是: 下载下来的HTML页面已经有完整的页面结构和内容了, 不像SPA一样还需要加载javascript去生成页面元素;
可以了解一下预渲染~, 当然这种方案并不完美, 但简单, 如果追求完美还是SSR吧;
望采纳

Answer 3

2011年左右刚从JAVA转前端的时候，用node专门做了这种类型的工具，方便写统一的页面头尾 用了 include belong的模式。后来一直更新迭代工具，叫做 f2e-server
顺手安利下。
f2e-server1.*
f2e-server2.*

Answer 4

https://vuepress.vuejs.org/zh/

Answer 5

我遇到过跟你一样的情况。

其实你想要的就是使用组件化的方式来开发静态页面，最终输出静态页面，但维护的源代码是组件化的，对吧？

推荐一下我自己搭建的一个模板工程吧，不是很完善，但可以提供思路。
希望可以探讨下，顺便加个star呗。

一个可以开发传统静态页面的模板工程

Answer 6

2021 了， react用 next vue 用 nuxt ，输出静态文件即可