我正在使用vuecli 3创建Web应用程序原型。我对图像资产的引用未由任何系统处理。没有错误或证据表明已注意到URL。
组件vue文件模板
<div class="icon" style="background-image: url('./assets/document.png')">
输出html
<div class="icon" style="background-image: url('./assets/document.png');"></div>
Vuecli和Webpack应该一起将我的链接变成其他东西。 According to the documentation this should be happening automatically。我已经尝试过使用包括~@在内的网址变体，结果是相同的。
在其他地方，我正在javascript中使用require('./assests/document.png')，并且已将其成功处理为base64编码的嵌入式图像。