我有一个看起来像这样的元标记
<meta property="og:image" content="https://mywebsite/img.jpg" />
我不能只是将它设置为
'./images/img.jpg'
我使用 webpack 从我的 vue 应用程序编译我的背景图像,这样我就可以在我的模板中的某处加载这个图像作为背景,然后设置它
index.html
在构建文件夹中。但是这样做似乎很奇怪,而且 webpack 还会对图像进行哈希处理,因此每次构建后它们都有不同的名称。有出路吗?我可以用
HtmlWebpackPlugin
也许为此?
最佳答案
好的,我想我用 index.html 中的这行代码解决了问题(不在构建文件夹中)
<meta property="og:image" content="<%= require('./images/img.jpg') %>" />
关于html - 如何使用 webpack 将本地镜像加载到 html 中的元标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52944641/