vue中使用webpack编译图片src的问题

第一种情况，webpack正确编译@修改为正确的相对路径，页面图片正常加载

绑定变量

图片地址

图片不能正确加载。

图片正常加载。

为什么会这样

我想webpack编译@时，遇到src中写好的文字路径就编译为正确的相对路径。当src中绑定变量时，webpack不会修改变量，所以绑定的变量直接赋值到src上，所以绑定的变量是@或者~@的形式就会加载错误。