html - 如何使用 webpack 将本地镜像加载到 html 中的元标记

标签 html vue.js webpack meta

我有一个看起来像这样的元标记

<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/

相关文章:

vue.js - Nuxt 生产模式加载资源晚

php - Html 自动刷新表格

javascript - 从右向左滑动div但只有一个div

android - Mp4 视频旋转元数据

javascript - 为什么我的数组推送无法正常工作?维埃

javascript - 我可以在同一个项目中拥有 Django url 和 Vue 路由吗?

javascript - 在页面中添加 JavaScript 会增加文本的字体

javascript - webcomponent内部可以使用vuejs吗?

javascript - UglifyJS webpack 插件抛出 : Unexpected token: name (features)

javascript - Promise.all 的异步图像预加载不适用于非 Chrome 浏览器