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

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

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

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

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

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

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

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

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

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

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

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

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

 

相关文章:

  • 2022-12-23
  • 2021-09-05
  • 2022-12-23
  • 2022-12-23
  • 2021-03-30
  • 2022-01-01
  • 2021-04-04
猜你喜欢
  • 2021-05-18
  • 2021-11-19
  • 2022-12-23
  • 2021-11-18
  • 2022-01-15
  • 2022-12-23
  • 2021-06-29
相关资源
相似解决方案