Javascript 从“webpack.config.js”中导入PNG文件`

我正在尝试使用React应用程序中的Webpack（和html Webpack插件）向我的

index.html

文件添加一个元标记

const ogImage=require（'./src/assets/images/og_image.png'）；
//…文件的后面部分：
插件：{
//…其他插件，
新HtmlWebpackPlugin({
模板：path.resolve（uu dirname，'./src/index.html'），
元：{
'og:image'：ogImage，
},
}),
}

但在我运行项目时，我会发现一个错误：

> webpack-dev-server --hot --mode development

D:\dev\projects\foobar\src\assets\images\og_image.png:1
�PNG


SyntaxError: Invalid or unexpected token

如何解决这个问题

我们的目标是采用类似于

HtmlWebpackPlugin

注入

favicon

的方式。您只需传递一个文件路径，插件就会为您加载该资产并将其包含在捆绑包中

---

谢谢

您不能

require

nodejs中的图像。您不能

require

nodejs中的图像。