在vue组件中使用webpack别名

Question

如何在Vue组件中使用webpack别名？

例如，在显示组件时设置图像URL：

<template>
  <img src="~@/assets/placeholder.jpg" ref="image"> <!-- this image works -->
</template>

<script>
  export default {
    mounted() {
     const which = '1';  // this would presumably be dynamic
     this.$refs.image.src = `~@/assets/${which}-image.jpg`;  // doesn't work
    },
  };
</script>