webpack 开发静态页面

[kevinguoCN]

现在前端可能已经都是 spa 应用。
现在遇到一个 cms 系统开发模板的工作，要开个静态多页面，工程化有什么实现的思路？

[fgt1t5y]

你是说 mpa 技术吗，没用过 webpack ，不过 webpack 应该也是有相关的插件的吧。或者用 vite ，这玩意自带 mpa 。

[paopjian]

webpack 设置多个出口就可以导出多个文件夹里独立 spa 或者 html 了, 还可以打包好通用模块以后各自编译自己的 js 到 html 里

[kevinguoCN]

@paopjian 就像开发 spa 应用一样， 一些 html 页面是复用的， 怎么抽离出来， 可以复用这些片段？ 最后打包的时候把这些 html 片段 编译到自己的 html 里？

[X0V0X]

以库的方式（ AMD, UMD, IIFE 之类的）打包出来，你说的 html 复用，让应用动态挂在相应的 dom 节点上就好了，再复杂点就是不同应用间的通讯以及和现有页面的通讯。我之前做过的案例是，某个系统是没有前后端分离的，界面还是用的 JQ 和 ASP,主要是后端开发在维护，当时要做一个交互比较复杂的弹框，我当时的做法是把整个弹框导出 js 文件，后端在页面引文文件，页面上加个 div ，调用我代码暴露的方法把 div 的 id 传进去挂载应用，这样一个弹框就是一个应用

[passon]

放在 public 目录下直接用

[frank553000]

Laravel Mix 虽然不更新了，但是还是一直用

[varzy]

@frank553000 laravel mix 真的是个好东西

[tyx1703]

听上去是需要一个组装 html 片段的工具？试试 hugo ，或者其他静态博客之，利用自定义主题实现，具体可以请教 ai 。

[wdssmq]

试试 astro

[kevinguoCN]

@tyx1703 用的就是这个博客，自定义主题，但是需要重新开发模板文件。 开发模板文件肯定还是静态的。但是不知道有什么工程化实现的思路。