javascript - 關於通用模組拼接html,css,img,js

最近做的幾個項目，大多都長的差不多，遂想把一些單獨模組例如A模組（可能包含img,css,html,js）,B模組（可能包含css,html）抽出來；做一個後台，各個獨立的模組直接點擊或組合就能將AB...模組拼到一個頁面裡，可預覽，然後可以把頁面下載下來。方便用於一些簡單的專題活的頁面，快速的丟給後端的童靴！
現在不知道怎麼下手，麻煩推薦使用的工具，或是這方便的資料？想了解下如何拼接，還有這些模組要如何管理？
暫時想做的大致流程跟功能是這樣。

A模組

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

B模組

回覆內容：

最近做的幾個項目，大多都長的差不多，遂想把一些單獨模組例如A模組（可能包含img,css,html,js）,B模組（可能包含css,html）抽出來；做一個後台，各個獨立的模組直接點擊或組合就能將AB...模組拼到一個頁面裡，可預覽，然後可以把頁面下載下來。方便用於一些簡單的專題活的頁面，快速的丟給後端的童靴！
現在不知道怎麼下手，麻煩推薦使用的工具，或是這方便的資料？想了解下如何拼接，還有這些模組要如何管理？
暫時想做的大致流程跟功能是這樣。

A模組

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

B模組