关于通用模块拼接html,css,img,js

最近做的几个项目，大多都长的差不多，遂想把一些单独模块例如A模块（可能包含img,css,html,js）,B模块（可能包含css,html）抽出来；做一个后台，各个独立的模块直接点击或组合就能将AB...模块拼到一个页面里，可预览，然后可以把页面下载下来。方便用于一些简单的专题活的页面，快速的丢给后端的童靴！
现在不知道怎么下手，麻烦推荐使用的工具，或者这方便的资料？想了解下如何拼接，还有这些模块要如何管理？
暂时想做的大致流程跟功能是这样。

A模块

> 生成ab.html > 预览 > 下载（静态资源包）

B模块