Webpack 生成用于iframe的html文件

Webpack 生成用于iframe的html文件,webpack,gatsby,Webpack,Gatsby,我正在使用生成frame.html,它将在类似这样的iframe中使用: <iframe src="/frame.html" ... /> 但是,当我运行《盖茨比开发》时,我得到: 错误#98123网页包 生成SSR包失败 冲突:多个块将资源发送到同一文件名render-page.js(chunks frame和main) repo在这里: 有关更多上下文,请参阅 有什么想法吗?在SSR期间,盖茨比将网页包的输出配置强制为render page.js,这也会影响您的自定义输入f

我正在使用生成
frame.html
,它将在类似这样的iframe中使用:

<iframe src="/frame.html" ... />

但是,当我运行《盖茨比开发》时,我得到:

错误#98123网页包

生成SSR包失败

冲突:多个块将资源发送到同一文件名render-page.js(chunks frame和main)

repo在这里:

有关更多上下文,请参阅


有什么想法吗?

在SSR期间,盖茨比将网页包的输出配置强制为
render page.js
,这也会影响您的自定义输入
frame
,导致冲突错误

为了克服这个问题,您应该检查
onCreateWebpackConfig
是否处于SSR阶段,如果是这种情况,请退出

const path=require(“路径”)
const merge=require(“网页包合并”)
const HtmlWebpackPlugin=require(“html网页包插件”)
exports.onCreateWebpackConfig=({actions,getConfig,stage})=>{
if(stage.endsWith('-html')){
返回
}
让modifiedConfig=getConfig()
modifiedConfig=合并(modifiedConfig{
条目:{
frame:path.resolve(“./src/frame.js”),
},
插件:[
新HtmlWebpackPlugin({
标题:“组件预览”,
块:[“帧”],
文件名:“frame.html”,
}),
],
})
actions.replaceWebpackConfig(modifiedConfig)
}