使用vue-cli2脚手架创建的项目, 如何给常用文件路径起别名

给常用路径起别名可以方便开发者快速开发

一、起别名的文件在哪里?

在 build 文件夹下的 webpack.base.conf.js 里面 

使用vue-cli2脚手架创建的项目, 如何给常用文件路径起别名

resolve 对象时用来解决路径相关问题的

起别名是在图中的  alias 对象下对想要起别名的路径进行设置。常见的是  @  这个别名,下面的是自己项目里需要起的别名。

以下是使用别名需要注意的地方:

1、常见的是用 import 导入的时候需要使用 别名路径

使用vue-cli2脚手架创建的项目, 如何给常用文件路径起别名

这种就 使用这种 直接写别名就可以了。

2、如果不是用 import 导入,而是像这种 img 标签使用别名图片地址路径的时候,需要在前面加  ~  符号

使用vue-cli2脚手架创建的项目, 如何给常用文件路径起别名

如果能帮到您,那是我的荣幸,感谢!如有不对的地方请留言