如何让webpack从Vue“跳过”图像源编译？

Question

我的Vuejs组件中有一个image属性：

<img src="./photos/image.png">

我希望webpack捆绑整个.js而不是图像。

然后，从我的服务器运行HTML时：

• 将调用vuejs脚本
• img src =“./ photos / image.png”元素将被创建
• 服务器将读取源，并显示图像。

有办法做到这一点吗？

我收到webpack的错误，因为它试图获取图片。

Answer 1

您可能想要使用file-loader而不是raw-loader / in。

在这里查看圣经：this post

Answer 2

对不起，如果问题不清楚。

我最终通过将图像源放在Vue的计算组件内来解决它。

vue中的元素：

<img :src="imagePath">

计算属性：

computed: {
    imagePath: function(){ return 'photos/image.png' }
}

这样webpack不会尝试捆绑它，因为 imagePath 仅在运行时由Vue呈现。