background:url('~@/assets/xxx.png')``

有相似的答案说是别名 但是webpack检查了并没有，而且～@还能一起用，@已经指向了/src，那么波浪号感觉不像是路径。

官方文档说明，没看懂什么意思。 并且background url去掉@直接用～会报错。

那么这个波浪号是干嘛用的呢

• 如果路径以 ~ 开头，其后的部分将会被看作模块依赖。这意味着你可以用该特性来引用一个 Node 依赖中的资源：

```
<img src="~some-npm-package/foo.png">
```

~ 就是告诉 Webpack，我这后面是一个别名，你要特殊处理一下，当成模块来加载。

@ 本身并不是别名的意思，只不过很多样板项目给的例子里，都会把 @ 设成 src 的别名而已。

实际上你完全可以不用 @，比如定义一个 myimg 充当 src/assets/images 的别名，那么引入的时候就需要就是 ~myimg/sample.jpg。