VUE NOTE——文件路径的引用

给文件起别名,避免路径层级太多

例如
在webpack.config.js中
@ 相当于 src
assets 相当于 src/assets

resolve : {
    alias:{
        '@':resolve('src'),
        'assets':resolve('@/assets'),
        'components':resolve('@/components')
    }
}

则在使用时只需

<img src="~assets/bg.png">

而不需要

<img src="../../../assets/bg.png">

tip:
在js中不需要加 ~
eg: import Home from 'components/home/Home'

查看评论