H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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

传统直接写静态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>

非常感谢

回答:

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

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

回答:

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

回答:

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

回答:

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

回答:

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

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

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

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

image.png

回答:

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

本文地址:H5W3 » 静态html模板有什么组件化开发方案?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址