vue项目文件路径的引用 — alias 别名的使用

当文件层级较复杂时，引用路径也许会变成这样：

"../../views/tabbar/components..."

不美观又显得冗余。

方案一：

在用vue CLI2 搭建的项目里可以在文件中设置：

需要注意的是：

引用方式为import时，可以直接使用带@的方式，比如：

import MainTabBar from "@/components/MainTabBar"

但是当引用路径作为属性使用时，需要加上～，比如：

<img slot="item-icon" src="~assets/img/tabbar/home.svg" alt="" />

方案二：

创建 vue.config.js 文件