0

我正在使用 webpack + misc 重建一个静态遗留网站。插件(mini-css-extract-plugin、html-webpack-plugin、copy-webpack-plugin 等)。

这个现有站点包括 SSI(html 与 shtml 文件一起包含,用于在我们部署的 Apache 环境中对 html 代码进行“组件”化),ssi html 除了使用的 shtml 页面文件之外还包括页眉、页脚等包括(家庭、关于等),所以 SSR 不在讨论范围内。不幸的是,我无法控制服务器/CMS 配置)。

我需要在 src 文件夹中保留 SSI 设置的文件夹结构,在开发服务器上正确渲染它(使用带有散列文件注入、实时重新加载等的 webpack-dev-server),但没有构建渲染完全编译的 html (就像我之前说的,保留 src 文件夹中使用的 SSI 结构)。我已经为 webpack 实现了 ssi-loader 以至少在开发环境中正确呈现包含内容,但是当我将内容构建到生产环境时,这再次将包含文件编译为 html。

目前有没有办法只使用 webpack 来做到这一点?我在本地 gulp-connect 服务器上将 gulp-connect 和 connect-ssi 用于中间件,用于其他项目的先前构建过程,但我试图将其迁移出去,并且一直坚持需要从src 进行构建,但也在本地 webpack 服务器上正确渲染 SSI 内容(同样,ssi-loader 适用于 webpack 开发环境渲染,但我无法将完整的 html 构建到生产文件夹,我需要保留 SSI 结构内容)。

有小费吗?

4

2 回答 2

0

解决了ssi-webpack-plugin用于渲染 SSI 的问题,包括在 devServer 上和copy-webpack-plugin用于 SSI 的问题包括在生产服务上的构建。我也可以通过要求将个人包含在我的 devServer 上的入口点中来观察更改。

于 2020-02-12T14:38:35.610 回答
0

有这个用于 SSI 的 webpack 加载器,我让你也可以使用: webpack-ssi-include-loader

它使用递归包含并扫描您的本地文件

于 2020-06-10T03:20:33.917 回答