Vue开发笔记-- 配置resolve映射路径

  在Vue-Cli项目开发中,我们常会引用到文件资源,如果文件路径很长,使用起来很不方便,且代码看着不美观。例如:

引用图片时,每次都要在图片路径前面加" ../../../assets/images ”字符串,如果我们不想使用这些字符串就需要配置webpack的resolve了。

  打开webpack配置文件:在bulid文件夹下

     

    找到resolve属性。

    

    设置alias属性值。例如添加一行: " '@img': resolve('src/assets/images')”  如图

   

    配置好保存之后,重启项目(npm run dev)。我们就可以在项目中用@img代替 "../../../assets/images ” 了。例如

    

  

发布了17 篇原创文章 · 获赞 3 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/u013025674/article/details/87775913