javascript - What does the wavy line in the src attribute in the vue+webpack project mean?

Question

<img src="~examples/assets/images/hamburger.png" class="image">

What does the wavy line here mean?

Answer 1

Absolute path, adding ~ is the absolute path, no matter what path your current .vue file is under. will match the absolute path configured in the example.

Answer 2

This ～ is an alias configured in webpack. Configure resolve.alias in webpack and you can use it. Find the relevant configuration yourself